#006EA1 - #7ACCD6 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #006EA1 a #7ACCD6

#006EA1 #7ACCD6

Calcule el color entre dos colores, #006EA1 y #7ACCD6. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#006EA1 - #7ACCD6 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #006EA1 como 0% y #7ACCD6 como 100%.

0.0%	0.0% #006EA1	RGB 0 110 161	#006EA1
16.7%	16.7% #147DA9	RGB 20 125 169	#147DA9
33.3%	33.3% #288DB2	RGB 40 141 178	#288DB2
50.0%	50.0% #3D9DBB	RGB 61 157 187	#3D9DBB
66.7%	66.7% #51ACC4	RGB 81 172 196	#51ACC4
83.3%	83.3% #65BCCD	RGB 101 188 205	#65BCCD
100.0%	100.0% #7ACCD6	RGB 122 204 214	#7ACCD6

#006EA1 #147DA9 #288DB2 #3D9DBB #51ACC4 #65BCCD #7ACCD6

#006EA1 - #7ACCD6

Mezcla HSV

#006EA1 - #7ACCD6 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #006EA1 como 0% y #7ACCD6 como 100%.

0.0%	0.0% #006DA1	RGB 0 109 161	#006DA1
16.7%	16.7% #107EA9	RGB 16 126 169	#107EA9
33.3%	33.3% #218EB2	RGB 33 142 178	#218EB2
50.0%	50.0% #359EBB	RGB 53 158 187	#359EBB
66.7%	66.7% #4AAEC4	RGB 74 174 196	#4AAEC4
83.3%	83.3% #61BDCD	RGB 97 189 205	#61BDCD
100.0%	100.0% #7ACCD6	RGB 122 204 214	#7ACCD6

#006DA1 #107EA9 #218EB2 #359EBB #4AAEC4 #61BDCD #7ACCD6

#006EA1 - #359EBB - #7ACCD6

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #006EA1 0%, #7ACCD6 100%);
    background: -webkit-linear-gradient(top, #006EA1 0%, #7ACCD6 100%);
    background: linear-gradient(to bottom, #006EA1 0%, #7ACCD6 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006DA1 0%, #359EBB 50%, #7ACCD6 100%);
    background: -webkit-linear-gradient(top, #006DA1 0%, #359EBB 50%, #7ACCD6 100%);
    background: linear-gradient(to bottom, #006DA1 0%, #359EBB 50%, #7ACCD6 100%);
}
</style>