#C8DEE1 - #EEEAE8 | 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 #C8DEE1 a #EEEAE8

#C8DEE1 #EEEAE8

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

#C8DEE1 - #EEEAE8 | 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 #C8DEE1 como 0% y #EEEAE8 como 100%.

0.0%	0.0% #C8DEE1	RGB 200 222 225	#C8DEE1
16.7%	16.7% #CEE0E2	RGB 206 224 226	#CEE0E2
33.3%	33.3% #D4E2E3	RGB 212 226 227	#D4E2E3
50.0%	50.0% #DBE4E4	RGB 219 228 228	#DBE4E4
66.7%	66.7% #E1E6E5	RGB 225 230 229	#E1E6E5
83.3%	83.3% #E7E8E6	RGB 231 232 230	#E7E8E6
100.0%	100.0% #EEEAE8	RGB 238 234 232	#EEEAE8

#C8DEE1 #CEE0E2 #D4E2E3 #DBE4E4 #E1E6E5 #E7E8E6 #EEEAE8

#C8DEE1 - #EEEAE8

Mezcla HSV

#C8DEE1 - #EEEAE8 | 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 #C8DEE1 como 0% y #EEEAE8 como 100%.

0.0%	0.0% #C8DEE1	RGB 200 222 225	#C8DEE1
16.7%	16.7% #CDE3DB	RGB 205 227 219	#CDE3DB
33.3%	33.3% #D2E5D6	RGB 210 229 214	#D2E5D6
50.0%	50.0% #DCE7D7	RGB 220 231 215	#DCE7D7
66.7%	66.7% #E6E9DD	RGB 230 233 221	#E6E9DD
83.3%	83.3% #EBE9E2	RGB 235 233 226	#EBE9E2
100.0%	100.0% #EEEAE8	RGB 238 234 232	#EEEAE8

#C8DEE1 #CDE3DB #D2E5D6 #DCE7D7 #E6E9DD #EBE9E2 #EEEAE8

#C8DEE1 - #DCE7D7 - #EEEAE8

Códigos CSS

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

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