#C0E3FF - #E5E6F2 | 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 #C0E3FF a #E5E6F2

#C0E3FF #E5E6F2

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

#C0E3FF - #E5E6F2 | 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 #C0E3FF como 0% y #E5E6F2 como 100%.

0.0%	0.0% #C0E3FF	RGB 192 227 255	#C0E3FF
16.7%	16.7% #C6E3FC	RGB 198 227 252	#C6E3FC
33.3%	33.3% #CCE4FA	RGB 204 228 250	#CCE4FA
50.0%	50.0% #D2E4F8	RGB 210 228 248	#D2E4F8
66.7%	66.7% #D8E5F6	RGB 216 229 246	#D8E5F6
83.3%	83.3% #DEE5F4	RGB 222 229 244	#DEE5F4
100.0%	100.0% #E5E6F2	RGB 229 230 242	#E5E6F2

#C0E3FF #C6E3FC #CCE4FA #D2E4F8 #D8E5F6 #DEE5F4 #E5E6F2

#C0E3FF - #E5E6F2

Mezcla HSV

#C0E3FF - #E5E6F2 | 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 #C0E3FF como 0% y #E5E6F2 como 100%.

0.0%	0.0% #C0E3FF	RGB 192 227 255	#C0E3FF
16.7%	16.7% #C6E0FC	RGB 198 224 252	#C6E0FC
33.3%	33.3% #CCDFFA	RGB 204 223 250	#CCDFFA
50.0%	50.0% #D3DEF8	RGB 211 222 248	#D3DEF8
66.7%	66.7% #D9E0F6	RGB 217 224 246	#D9E0F6
83.3%	83.3% #DFE2F4	RGB 223 226 244	#DFE2F4
100.0%	100.0% #E5E6F2	RGB 229 230 242	#E5E6F2

#C0E3FF #C6E0FC #CCDFFA #D3DEF8 #D9E0F6 #DFE2F4 #E5E6F2

#C0E3FF - #D3DEF8 - #E5E6F2

Códigos CSS

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

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