#DEE7E4 - #C5EACF | 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 #DEE7E4 a #C5EACF

#DEE7E4 #C5EACF

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

#DEE7E4 - #C5EACF | 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 #DEE7E4 como 0% y #C5EACF como 100%.

0.0%	0.0% #DEE7E4	RGB 222 231 228	#DEE7E4
16.7%	16.7% #D9E7E0	RGB 217 231 224	#D9E7E0
33.3%	33.3% #D5E8DD	RGB 213 232 221	#D5E8DD
50.0%	50.0% #D1E8D9	RGB 209 232 217	#D1E8D9
66.7%	66.7% #CDE9D6	RGB 205 233 214	#CDE9D6
83.3%	83.3% #C9E9D2	RGB 201 233 210	#C9E9D2
100.0%	100.0% #C5EACF	RGB 197 234 207	#C5EACF

#DEE7E4 #D9E7E0 #D5E8DD #D1E8D9 #CDE9D6 #C9E9D2 #C5EACF

#DEE7E4 - #C5EACF

Mezcla HSV

#DEE7E4 - #C5EACF | 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 #DEE7E4 como 0% y #C5EACF como 100%.

0.0%	0.0% #DEE7E4	RGB 222 231 228	#DEE7E4
16.7%	16.7% #D9E7E2	RGB 217 231 226	#D9E7E2
33.3%	33.3% #D5E8DF	RGB 213 232 223	#D5E8DF
50.0%	50.0% #D1E8DC	RGB 209 232 220	#D1E8DC
66.7%	66.7% #CDE9D8	RGB 205 233 216	#CDE9D8
83.3%	83.3% #C9E9D4	RGB 201 233 212	#C9E9D4
100.0%	100.0% #C5EACF	RGB 197 234 207	#C5EACF

#DEE7E4 #D9E7E2 #D5E8DF #D1E8DC #CDE9D8 #C9E9D4 #C5EACF

#DEE7E4 - #D1E8DC - #C5EACF

Códigos CSS

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

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