#C0F5FF - #E5E9F2 | 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 #C0F5FF a #E5E9F2

#C0F5FF #E5E9F2

Calcule el color entre dos colores, #C0F5FF y #E5E9F2. 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)

#C0F5FF - #E5E9F2 | 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 #C0F5FF como 0% y #E5E9F2 como 100%.

0.0%	0.0% #C0F5FF	RGB 192 245 255	#C0F5FF
16.7%	16.7% #C6F3FC	RGB 198 243 252	#C6F3FC
33.3%	33.3% #CCF1FA	RGB 204 241 250	#CCF1FA
50.0%	50.0% #D2EFF8	RGB 210 239 248	#D2EFF8
66.7%	66.7% #D8EDF6	RGB 216 237 246	#D8EDF6
83.3%	83.3% #DEEBF4	RGB 222 235 244	#DEEBF4
100.0%	100.0% #E5E9F2	RGB 229 233 242	#E5E9F2

#C0F5FF #C6F3FC #CCF1FA #D2EFF8 #D8EDF6 #DEEBF4 #E5E9F2

#C0F5FF - #E5E9F2

Mezcla HSV

#C0F5FF - #E5E9F2 | 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 #C0F5FF como 0% y #E5E9F2 como 100%.

0.0%	0.0% #C0F5FF	RGB 192 245 255	#C0F5FF
16.7%	16.7% #C6EFFC	RGB 198 239 252	#C6EFFC
33.3%	33.3% #CCEBFA	RGB 204 235 250	#CCEBFA
50.0%	50.0% #D3E8F8	RGB 211 232 248	#D3E8F8
66.7%	66.7% #D9E7F6	RGB 217 231 246	#D9E7F6
83.3%	83.3% #DFE7F4	RGB 223 231 244	#DFE7F4
100.0%	100.0% #E5E9F2	RGB 229 233 242	#E5E9F2

#C0F5FF #C6EFFC #CCEBFA #D3E8F8 #D9E7F6 #DFE7F4 #E5E9F2

#C0F5FF - #D3E8F8 - #E5E9F2

Códigos CSS

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

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