#E5E3E3 - #B5AF89 | 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 #E5E3E3 a #B5AF89

#E5E3E3 #B5AF89

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

#E5E3E3 - #B5AF89 | 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 #E5E3E3 como 0% y #B5AF89 como 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #DDDAD4	RGB 221 218 212	#DDDAD4
33.3%	33.3% #D5D1C5	RGB 213 209 197	#D5D1C5
50.0%	50.0% #CDC9B6	RGB 205 201 182	#CDC9B6
66.7%	66.7% #C5C0A7	RGB 197 192 167	#C5C0A7
83.3%	83.3% #BDB798	RGB 189 183 152	#BDB798
100.0%	100.0% #B5AF89	RGB 181 175 137	#B5AF89

#E5E3E3 #DDDAD4 #D5D1C5 #CDC9B6 #C5C0A7 #BDB798 #B5AF89

#E5E3E3 - #B5AF89

Mezcla HSV

#E5E3E3 - #B5AF89 | 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 #E5E3E3 como 0% y #B5AF89 como 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #DDD3D2	RGB 221 211 210	#DDD3D2
33.3%	33.3% #D5C7C2	RGB 213 199 194	#D5C7C2
50.0%	50.0% #CDBEB3	RGB 205 190 179	#CDBEB3
66.7%	66.7% #C5B7A4	RGB 197 183 164	#C5B7A4
83.3%	83.3% #BDB296	RGB 189 178 150	#BDB296
100.0%	100.0% #B5AF89	RGB 181 175 137	#B5AF89

#E5E3E3 #DDD3D2 #D5C7C2 #CDBEB3 #C5B7A4 #BDB296 #B5AF89

#E5E3E3 - #CDBEB3 - #B5AF89

Códigos CSS

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

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