#E7E5E4 - #CEAD9A | 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 #E7E5E4 a #CEAD9A

#E7E5E4 #CEAD9A

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

#E7E5E4 - #CEAD9A | 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 #E7E5E4 como 0% y #CEAD9A como 100%.

0.0%	0.0% #E7E5E4	RGB 231 229 228	#E7E5E4
16.7%	16.7% #E2DBD7	RGB 226 219 215	#E2DBD7
33.3%	33.3% #DED2CB	RGB 222 210 203	#DED2CB
50.0%	50.0% #DAC9BF	RGB 218 201 191	#DAC9BF
66.7%	66.7% #D6BFB2	RGB 214 191 178	#D6BFB2
83.3%	83.3% #D2B6A6	RGB 210 182 166	#D2B6A6
100.0%	100.0% #CEAD9A	RGB 206 173 154	#CEAD9A

#E7E5E4 #E2DBD7 #DED2CB #DAC9BF #D6BFB2 #D2B6A6 #CEAD9A

#E7E5E4 - #CEAD9A

Mezcla HSV

#E7E5E4 - #CEAD9A | 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 #E7E5E4 como 0% y #CEAD9A como 100%.

0.0%	0.0% #E7E5E4	RGB 231 229 228	#E7E5E4
16.7%	16.7% #E2DAD6	RGB 226 218 214	#E2DAD6
33.3%	33.3% #DED1CA	RGB 222 209 202	#DED1CA
50.0%	50.0% #DAC7BD	RGB 218 199 189	#DAC7BD
66.7%	66.7% #D6BEB1	RGB 214 190 177	#D6BEB1
83.3%	83.3% #D2B5A5	RGB 210 181 165	#D2B5A5
100.0%	100.0% #CEAD9A	RGB 206 173 154	#CEAD9A

#E7E5E4 #E2DAD6 #DED1CA #DAC7BD #D6BEB1 #D2B5A5 #CEAD9A

#E7E5E4 - #DAC7BD - #CEAD9A

Códigos CSS

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

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