#E3F0EE - #C8ECE3 | 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 #E3F0EE a #C8ECE3

#E3F0EE #C8ECE3

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

#E3F0EE - #C8ECE3 | 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 #E3F0EE como 0% y #C8ECE3 como 100%.

0.0%	0.0% #E3F0EE	RGB 227 240 238	#E3F0EE
16.7%	16.7% #DEEFEC	RGB 222 239 236	#DEEFEC
33.3%	33.3% #DAEEEA	RGB 218 238 234	#DAEEEA
50.0%	50.0% #D5EEE8	RGB 213 238 232	#D5EEE8
66.7%	66.7% #D1EDE6	RGB 209 237 230	#D1EDE6
83.3%	83.3% #CCECE4	RGB 204 236 228	#CCECE4
100.0%	100.0% #C8ECE3	RGB 200 236 227	#C8ECE3

#E3F0EE #DEEFEC #DAEEEA #D5EEE8 #D1EDE6 #CCECE4 #C8ECE3

#E3F0EE - #C8ECE3

Mezcla HSV

#E3F0EE - #C8ECE3 | 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 #E3F0EE como 0% y #C8ECE3 como 100%.

0.0%	0.0% #E3F0EE	RGB 227 240 238	#E3F0EE
16.7%	16.7% #DEEFEC	RGB 222 239 236	#DEEFEC
33.3%	33.3% #D9EEEA	RGB 217 238 234	#D9EEEA
50.0%	50.0% #D5EEE9	RGB 213 238 233	#D5EEE9
66.7%	66.7% #D0EDE7	RGB 208 237 231	#D0EDE7
83.3%	83.3% #CCECE5	RGB 204 236 229	#CCECE5
100.0%	100.0% #C8ECE3	RGB 200 236 227	#C8ECE3

#E3F0EE #DEEFEC #D9EEEA #D5EEE9 #D0EDE7 #CCECE5 #C8ECE3

#E3F0EE - #D5EEE9 - #C8ECE3

Códigos CSS

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

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