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

#E7E5E4 #CEB99A

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

0.0%	0.0% #E7E5E4	RGB 231 229 228	#E7E5E4
16.7%	16.7% #E2DDD7	RGB 226 221 215	#E2DDD7
33.3%	33.3% #DED6CB	RGB 222 214 203	#DED6CB
50.0%	50.0% #DACFBF	RGB 218 207 191	#DACFBF
66.7%	66.7% #D6C7B2	RGB 214 199 178	#D6C7B2
83.3%	83.3% #D2C0A6	RGB 210 192 166	#D2C0A6
100.0%	100.0% #CEB99A	RGB 206 185 154	#CEB99A

#E7E5E4 #E2DDD7 #DED6CB #DACFBF #D6C7B2 #D2C0A6 #CEB99A

#E7E5E4 - #CEB99A

Mezcla HSV

#E7E5E4 - #CEB99A | 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 #CEB99A 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% #DED2CA	RGB 222 210 202	#DED2CA
50.0%	50.0% #DACABD	RGB 218 202 189	#DACABD
66.7%	66.7% #D6C4B1	RGB 214 196 177	#D6C4B1
83.3%	83.3% #D2BEA5	RGB 210 190 165	#D2BEA5
100.0%	100.0% #CEB99A	RGB 206 185 154	#CEB99A

#E7E5E4 #E2DBD6 #DED2CA #DACABD #D6C4B1 #D2BEA5 #CEB99A

#E7E5E4 - #DACABD - #CEB99A

Códigos CSS

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

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