#9E4D00 - #E3CCB6 | 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 #9E4D00 a #E3CCB6

#9E4D00 #E3CCB6

Calcule el color entre dos colores, #9E4D00 y #E3CCB6. 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)

#9E4D00 - #E3CCB6 | 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 #9E4D00 como 0% y #E3CCB6 como 100%.

0.0%	0.0% #9E4D00	RGB 158 77 0	#9E4D00
16.7%	16.7% #A9621E	RGB 169 98 30	#A9621E
33.3%	33.3% #B5773C	RGB 181 119 60	#B5773C
50.0%	50.0% #C08C5B	RGB 192 140 91	#C08C5B
66.7%	66.7% #CCA179	RGB 204 161 121	#CCA179
83.3%	83.3% #D7B697	RGB 215 182 151	#D7B697
100.0%	100.0% #E3CCB6	RGB 227 204 182	#E3CCB6

#9E4D00 #A9621E #B5773C #C08C5B #CCA179 #D7B697 #E3CCB6

#9E4D00 - #E3CCB6

Mezcla HSV

#9E4D00 - #E3CCB6 | 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 #9E4D00 como 0% y #E3CCB6 como 100%.

0.0%	0.0% #9E4D00	RGB 158 77 0	#9E4D00
16.7%	16.7% #A95E16	RGB 169 94 22	#A95E16
33.3%	33.3% #B57130	RGB 181 113 48	#B57130
50.0%	50.0% #C0854D	RGB 192 133 77	#C0854D
66.7%	66.7% #CC9B6D	RGB 204 155 109	#CC9B6D
83.3%	83.3% #D7B28F	RGB 215 178 143	#D7B28F
100.0%	100.0% #E3CCB6	RGB 227 204 182	#E3CCB6

#9E4D00 #A95E16 #B57130 #C0854D #CC9B6D #D7B28F #E3CCB6

#9E4D00 - #C0854D - #E3CCB6

Códigos CSS

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

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