#E4D4DC - #413C3E | 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 #E4D4DC a #413C3E

#E4D4DC #413C3E

Calcule el color entre dos colores, #E4D4DC y #413C3E. 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)

#E4D4DC - #413C3E | 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 #E4D4DC como 0% y #413C3E como 100%.

0.0%	0.0% #E4D4DC	RGB 228 212 220	#E4D4DC
16.7%	16.7% #C8BAC1	RGB 200 186 193	#C8BAC1
33.3%	33.3% #ADA1A7	RGB 173 161 167	#ADA1A7
50.0%	50.0% #92888D	RGB 146 136 141	#92888D
66.7%	66.7% #776E72	RGB 119 110 114	#776E72
83.3%	83.3% #5C5558	RGB 92 85 88	#5C5558
100.0%	100.0% #413C3E	RGB 65 60 62	#413C3E

#E4D4DC #C8BAC1 #ADA1A7 #92888D #776E72 #5C5558 #413C3E

#E4D4DC - #413C3E

Mezcla HSV

#E4D4DC - #413C3E | 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 #E4D4DC como 0% y #413C3E como 100%.

0.0%	0.0% #E4D4DC	RGB 228 212 220	#E4D4DC
16.7%	16.7% #C8BAC1	RGB 200 186 193	#C8BAC1
33.3%	33.3% #ADA1A6	RGB 173 161 166	#ADA1A6
50.0%	50.0% #92878C	RGB 146 135 140	#92878C
66.7%	66.7% #776E72	RGB 119 110 114	#776E72
83.3%	83.3% #5C5558	RGB 92 85 88	#5C5558
100.0%	100.0% #413C3E	RGB 65 60 62	#413C3E

#E4D4DC #C8BAC1 #ADA1A6 #92878C #776E72 #5C5558 #413C3E

#E4D4DC - #92878C - #413C3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E4D4DC 0%, #92878C 50%, #413C3E 100%);
    background: -webkit-linear-gradient(top, #E4D4DC 0%, #92878C 50%, #413C3E 100%);
    background: linear-gradient(to bottom, #E4D4DC 0%, #92878C 50%, #413C3E 100%);
}
</style>