#D4DCD2 - #E4F5E8 | 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 #D4DCD2 a #E4F5E8

#D4DCD2 #E4F5E8

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

#D4DCD2 - #E4F5E8 | 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 #D4DCD2 como 0% y #E4F5E8 como 100%.

0.0%	0.0% #D4DCD2	RGB 212 220 210	#D4DCD2
16.7%	16.7% #D6E0D5	RGB 214 224 213	#D6E0D5
33.3%	33.3% #D9E4D9	RGB 217 228 217	#D9E4D9
50.0%	50.0% #DCE8DD	RGB 220 232 221	#DCE8DD
66.7%	66.7% #DEECE0	RGB 222 236 224	#DEECE0
83.3%	83.3% #E1F0E4	RGB 225 240 228	#E1F0E4
100.0%	100.0% #E4F5E8	RGB 228 245 232	#E4F5E8

#D4DCD2 #D6E0D5 #D9E4D9 #DCE8DD #DEECE0 #E1F0E4 #E4F5E8

#D4DCD2 - #E4F5E8

Mezcla HSV

#D4DCD2 - #E4F5E8 | 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 #D4DCD2 como 0% y #E4F5E8 como 100%.

0.0%	0.0% #D4DCD2	RGB 212 220 210	#D4DCD2
16.7%	16.7% #D6E0D5	RGB 214 224 213	#D6E0D5
33.3%	33.3% #D8E4D8	RGB 216 228 216	#D8E4D8
50.0%	50.0% #DBE8DB	RGB 219 232 219	#DBE8DB
66.7%	66.7% #DEECDF	RGB 222 236 223	#DEECDF
83.3%	83.3% #E1F0E3	RGB 225 240 227	#E1F0E3
100.0%	100.0% #E4F5E8	RGB 228 245 232	#E4F5E8

#D4DCD2 #D6E0D5 #D8E4D8 #DBE8DB #DEECDF #E1F0E3 #E4F5E8

#D4DCD2 - #DBE8DB - #E4F5E8

Códigos CSS

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

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