#D4DACE - #EAF2DB | 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 #D4DACE a #EAF2DB

#D4DACE #EAF2DB

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

#D4DACE - #EAF2DB | 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 #D4DACE como 0% y #EAF2DB como 100%.

0.0%	0.0% #D4DACE	RGB 212 218 206	#D4DACE
16.7%	16.7% #D7DED0	RGB 215 222 208	#D7DED0
33.3%	33.3% #DBE2D2	RGB 219 226 210	#DBE2D2
50.0%	50.0% #DFE6D4	RGB 223 230 212	#DFE6D4
66.7%	66.7% #E2EAD6	RGB 226 234 214	#E2EAD6
83.3%	83.3% #E6EED8	RGB 230 238 216	#E6EED8
100.0%	100.0% #EAF2DB	RGB 234 242 219	#EAF2DB

#D4DACE #D7DED0 #DBE2D2 #DFE6D4 #E2EAD6 #E6EED8 #EAF2DB

#D4DACE - #EAF2DB

Mezcla HSV

#D4DACE - #EAF2DB | 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 #D4DACE como 0% y #EAF2DB como 100%.

0.0%	0.0% #D4DACE	RGB 212 218 206	#D4DACE
16.7%	16.7% #D7DED0	RGB 215 222 208	#D7DED0
33.3%	33.3% #DBE2D2	RGB 219 226 210	#DBE2D2
50.0%	50.0% #DEE6D4	RGB 222 230 212	#DEE6D4
66.7%	66.7% #E2EAD6	RGB 226 234 214	#E2EAD6
83.3%	83.3% #E6EED8	RGB 230 238 216	#E6EED8
100.0%	100.0% #EAF2DB	RGB 234 242 219	#EAF2DB

#D4DACE #D7DED0 #DBE2D2 #DEE6D4 #E2EAD6 #E6EED8 #EAF2DB

#D4DACE - #DEE6D4 - #EAF2DB

Códigos CSS

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

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