#B58236 - #E9DBC5 | 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 #B58236 a #E9DBC5

#B58236 #E9DBC5

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

#B58236 - #E9DBC5 | 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 #B58236 como 0% y #E9DBC5 como 100%.

0.0%	0.0% #B58236	RGB 181 130 54	#B58236
16.7%	16.7% #BD904D	RGB 189 144 77	#BD904D
33.3%	33.3% #C69F65	RGB 198 159 101	#C69F65
50.0%	50.0% #CFAE7D	RGB 207 174 125	#CFAE7D
66.7%	66.7% #D7BD95	RGB 215 189 149	#D7BD95
83.3%	83.3% #E0CCAD	RGB 224 204 173	#E0CCAD
100.0%	100.0% #E9DBC5	RGB 233 219 197	#E9DBC5

#B58236 #BD904D #C69F65 #CFAE7D #D7BD95 #E0CCAD #E9DBC5

#B58236 - #E9DBC5

Mezcla HSV

#B58236 - #E9DBC5 | 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 #B58236 como 0% y #E9DBC5 como 100%.

0.0%	0.0% #B58236	RGB 181 130 54	#B58236
16.7%	16.7% #BD8F49	RGB 189 143 73	#BD8F49
33.3%	33.3% #C69D5F	RGB 198 157 95	#C69D5F
50.0%	50.0% #CFAB76	RGB 207 171 118	#CFAB76
66.7%	66.7% #D7BB8F	RGB 215 187 143	#D7BB8F
83.3%	83.3% #E0CAA9	RGB 224 202 169	#E0CAA9
100.0%	100.0% #E9DBC5	RGB 233 219 197	#E9DBC5

#B58236 #BD8F49 #C69D5F #CFAB76 #D7BB8F #E0CAA9 #E9DBC5

#B58236 - #CFAB76 - #E9DBC5

Códigos CSS

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

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