#D1E8C0 - #E5E7E5 | 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 #D1E8C0 a #E5E7E5

#D1E8C0 #E5E7E5

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

#D1E8C0 - #E5E7E5 | 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 #D1E8C0 como 0% y #E5E7E5 como 100%.

0.0%	0.0% #D1E8C0	RGB 209 232 192	#D1E8C0
16.7%	16.7% #D4E7C6	RGB 212 231 198	#D4E7C6
33.3%	33.3% #D7E7CC	RGB 215 231 204	#D7E7CC
50.0%	50.0% #DBE7D2	RGB 219 231 210	#DBE7D2
66.7%	66.7% #DEE7D8	RGB 222 231 216	#DEE7D8
83.3%	83.3% #E1E7DE	RGB 225 231 222	#E1E7DE
100.0%	100.0% #E5E7E5	RGB 229 231 229	#E5E7E5

#D1E8C0 #D4E7C6 #D7E7CC #DBE7D2 #DEE7D8 #E1E7DE #E5E7E5

#D1E8C0 - #E5E7E5

Mezcla HSV

#D1E8C0 - #E5E7E5 | 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 #D1E8C0 como 0% y #E5E7E5 como 100%.

0.0%	0.0% #D1E8C0	RGB 209 232 192	#D1E8C0
16.7%	16.7% #D2E7C6	RGB 210 231 198	#D2E7C6
33.3%	33.3% #D4E7CC	RGB 212 231 204	#D4E7CC
50.0%	50.0% #D6E7D2	RGB 214 231 210	#D6E7D2
66.7%	66.7% #DAE7D8	RGB 218 231 216	#DAE7D8
83.3%	83.3% #DFE7DE	RGB 223 231 222	#DFE7DE
100.0%	100.0% #E5E7E5	RGB 229 231 229	#E5E7E5

#D1E8C0 #D2E7C6 #D4E7CC #D6E7D2 #DAE7D8 #DFE7DE #E5E7E5

#D1E8C0 - #D6E7D2 - #E5E7E5

Códigos CSS

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

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