#0C78A6 - #B9D7E5 | 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 #0C78A6 a #B9D7E5

#0C78A6 #B9D7E5

Calcule el color entre dos colores, #0C78A6 y #B9D7E5. 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)

#0C78A6 - #B9D7E5 | 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 #0C78A6 como 0% y #B9D7E5 como 100%.

0.0%	0.0% #0C78A6	RGB 12 120 166	#0C78A6
16.7%	16.7% #2887B0	RGB 40 135 176	#2887B0
33.3%	33.3% #4597BB	RGB 69 151 187	#4597BB
50.0%	50.0% #62A7C5	RGB 98 167 197	#62A7C5
66.7%	66.7% #7FB7D0	RGB 127 183 208	#7FB7D0
83.3%	83.3% #9CC7DA	RGB 156 199 218	#9CC7DA
100.0%	100.0% #B9D7E5	RGB 185 215 229	#B9D7E5

#0C78A6 #2887B0 #4597BB #62A7C5 #7FB7D0 #9CC7DA #B9D7E5

#0C78A6 - #B9D7E5

Mezcla HSV

#0C78A6 - #B9D7E5 | 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 #0C78A6 como 0% y #B9D7E5 como 100%.

0.0%	0.0% #0C78A6	RGB 12 120 166	#0C78A6
16.7%	16.7% #2285B0	RGB 34 133 176	#2285B0
33.3%	33.3% #3B94BB	RGB 59 148 187	#3B94BB
50.0%	50.0% #56A3C5	RGB 86 163 197	#56A3C5
66.7%	66.7% #75B3D0	RGB 117 179 208	#75B3D0
83.3%	83.3% #95C4DA	RGB 149 196 218	#95C4DA
100.0%	100.0% #B9D7E5	RGB 185 215 229	#B9D7E5

#0C78A6 #2285B0 #3B94BB #56A3C5 #75B3D0 #95C4DA #B9D7E5

#0C78A6 - #56A3C5 - #B9D7E5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0C78A6 0%, #56A3C5 50%, #B9D7E5 100%);
    background: -webkit-linear-gradient(top, #0C78A6 0%, #56A3C5 50%, #B9D7E5 100%);
    background: linear-gradient(to bottom, #0C78A6 0%, #56A3C5 50%, #B9D7E5 100%);
}
</style>