#DDDFD9 - #E8F5E8 | 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 #DDDFD9 a #E8F5E8

#DDDFD9 #E8F5E8

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

#DDDFD9 - #E8F5E8 | 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 #DDDFD9 como 0% y #E8F5E8 como 100%.

0.0%	0.0% #DDDFD9	RGB 221 223 217	#DDDFD9
16.7%	16.7% #DEE2DB	RGB 222 226 219	#DEE2DB
33.3%	33.3% #E0E6DE	RGB 224 230 222	#E0E6DE
50.0%	50.0% #E2EAE0	RGB 226 234 224	#E2EAE0
66.7%	66.7% #E4EDE3	RGB 228 237 227	#E4EDE3
83.3%	83.3% #E6F1E5	RGB 230 241 229	#E6F1E5
100.0%	100.0% #E8F5E8	RGB 232 245 232	#E8F5E8

#DDDFD9 #DEE2DB #E0E6DE #E2EAE0 #E4EDE3 #E6F1E5 #E8F5E8

#DDDFD9 - #E8F5E8

Mezcla HSV

#DDDFD9 - #E8F5E8 | 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 #DDDFD9 como 0% y #E8F5E8 como 100%.

0.0%	0.0% #DDDFD9	RGB 221 223 217	#DDDFD9
16.7%	16.7% #DFE2DB	RGB 223 226 219	#DFE2DB
33.3%	33.3% #E1E6DE	RGB 225 230 222	#E1E6DE
50.0%	50.0% #E3EAE0	RGB 227 234 224	#E3EAE0
66.7%	66.7% #E5EDE3	RGB 229 237 227	#E5EDE3
83.3%	83.3% #E6F1E5	RGB 230 241 229	#E6F1E5
100.0%	100.0% #E8F5E8	RGB 232 245 232	#E8F5E8

#DDDFD9 #DFE2DB #E1E6DE #E3EAE0 #E5EDE3 #E6F1E5 #E8F5E8

#DDDFD9 - #E3EAE0 - #E8F5E8

Códigos CSS

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

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