#E5E3E2 - #CBB598 | 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 #E5E3E2 a #CBB598

#E5E3E2 #CBB598

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

#E5E3E2 - #CBB598 | 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 #E5E3E2 como 0% y #CBB598 como 100%.

0.0%	0.0% #E5E3E2	RGB 229 227 226	#E5E3E2
16.7%	16.7% #E0DBD5	RGB 224 219 213	#E0DBD5
33.3%	33.3% #DCD3C9	RGB 220 211 201	#DCD3C9
50.0%	50.0% #D8CCBD	RGB 216 204 189	#D8CCBD
66.7%	66.7% #D3C4B0	RGB 211 196 176	#D3C4B0
83.3%	83.3% #CFBCA4	RGB 207 188 164	#CFBCA4
100.0%	100.0% #CBB598	RGB 203 181 152	#CBB598

#E5E3E2 #E0DBD5 #DCD3C9 #D8CCBD #D3C4B0 #CFBCA4 #CBB598

#E5E3E2 - #CBB598

Mezcla HSV

#E5E3E2 - #CBB598 | 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 #E5E3E2 como 0% y #CBB598 como 100%.

0.0%	0.0% #E5E3E2	RGB 229 227 226	#E5E3E2
16.7%	16.7% #E0D9D4	RGB 224 217 212	#E0D9D4
33.3%	33.3% #DCD0C7	RGB 220 208 199	#DCD0C7
50.0%	50.0% #D8C8BB	RGB 216 200 187	#D8C8BB
66.7%	66.7% #D3C1AF	RGB 211 193 175	#D3C1AF
83.3%	83.3% #CFBAA3	RGB 207 186 163	#CFBAA3
100.0%	100.0% #CBB598	RGB 203 181 152	#CBB598

#E5E3E2 #E0D9D4 #DCD0C7 #D8C8BB #D3C1AF #CFBAA3 #CBB598

#E5E3E2 - #D8C8BB - #CBB598

Códigos CSS

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

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