#E8ECD1 - #42433B | 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 #E8ECD1 a #42433B

#E8ECD1 #42433B

Calcule el color entre dos colores, #E8ECD1 y #42433B. 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)

#E8ECD1 - #42433B | 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 #E8ECD1 como 0% y #42433B como 100%.

0.0%	0.0% #E8ECD1	RGB 232 236 209	#E8ECD1
16.7%	16.7% #CCCFB8	RGB 204 207 184	#CCCFB8
33.3%	33.3% #B0B39F	RGB 176 179 159	#B0B39F
50.0%	50.0% #959786	RGB 149 151 134	#959786
66.7%	66.7% #797B6D	RGB 121 123 109	#797B6D
83.3%	83.3% #5D5F54	RGB 93 95 84	#5D5F54
100.0%	100.0% #42433B	RGB 66 67 59	#42433B

#E8ECD1 #CCCFB8 #B0B39F #959786 #797B6D #5D5F54 #42433B

#E8ECD1 - #42433B

Mezcla HSV

#E8ECD1 - #42433B | 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 #E8ECD1 como 0% y #42433B como 100%.

0.0%	0.0% #E8ECD1	RGB 232 236 209	#E8ECD1
16.7%	16.7% #CCCFB7	RGB 204 207 183	#CCCFB7
33.3%	33.3% #B0B39E	RGB 176 179 158	#B0B39E
50.0%	50.0% #959785	RGB 149 151 133	#959785
66.7%	66.7% #797B6C	RGB 121 123 108	#797B6C
83.3%	83.3% #5D5F53	RGB 93 95 83	#5D5F53
100.0%	100.0% #42433B	RGB 66 67 59	#42433B

#E8ECD1 #CCCFB7 #B0B39E #959785 #797B6C #5D5F53 #42433B

#E8ECD1 - #959785 - #42433B

Códigos CSS

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

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