#E7E5E4 - #CEC89A | 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 #CEC89A

#E7E5E4 #CEC89A

Calcule el color entre dos colores, #E7E5E4 y #CEC89A. 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 - #CEC89A | 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 #CEC89A como 100%.

0.0%	0.0% #E7E5E4	RGB 231 229 228	#E7E5E4
16.7%	16.7% #E2E0D7	RGB 226 224 215	#E2E0D7
33.3%	33.3% #DEDBCB	RGB 222 219 203	#DEDBCB
50.0%	50.0% #DAD6BF	RGB 218 214 191	#DAD6BF
66.7%	66.7% #D6D1B2	RGB 214 209 178	#D6D1B2
83.3%	83.3% #D2CCA6	RGB 210 204 166	#D2CCA6
100.0%	100.0% #CEC89A	RGB 206 200 154	#CEC89A

#E7E5E4 #E2E0D7 #DEDBCB #DAD6BF #D6D1B2 #D2CCA6 #CEC89A

#E7E5E4 - #CEC89A

Mezcla HSV

#E7E5E4 - #CEC89A | 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 #CEC89A como 100%.

0.0%	0.0% #E7E5E4	RGB 231 229 228	#E7E5E4
16.7%	16.7% #E2DBD6	RGB 226 219 214	#E2DBD6
33.3%	33.3% #DED4CA	RGB 222 212 202	#DED4CA
50.0%	50.0% #DACFBD	RGB 218 207 189	#DACFBD
66.7%	66.7% #D6CBB1	RGB 214 203 177	#D6CBB1
83.3%	83.3% #D2C8A5	RGB 210 200 165	#D2C8A5
100.0%	100.0% #CEC89A	RGB 206 200 154	#CEC89A

#E7E5E4 #E2DBD6 #DED4CA #DACFBD #D6CBB1 #D2C8A5 #CEC89A

#E7E5E4 - #DACFBD - #CEC89A

Códigos CSS

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

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