#963E00 - #E1C7B6 | 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 #963E00 a #E1C7B6

#963E00 #E1C7B6

Calcule el color entre dos colores, #963E00 y #E1C7B6. 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)

#963E00 - #E1C7B6 | 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 #963E00 como 0% y #E1C7B6 como 100%.

0.0%	0.0% #963E00	RGB 150 62 0	#963E00
16.7%	16.7% #A2541E	RGB 162 84 30	#A2541E
33.3%	33.3% #AF6B3C	RGB 175 107 60	#AF6B3C
50.0%	50.0% #BB825B	RGB 187 130 91	#BB825B
66.7%	66.7% #C89979	RGB 200 153 121	#C89979
83.3%	83.3% #D4B097	RGB 212 176 151	#D4B097
100.0%	100.0% #E1C7B6	RGB 225 199 182	#E1C7B6

#963E00 #A2541E #AF6B3C #BB825B #C89979 #D4B097 #E1C7B6

#963E00 - #E1C7B6

Mezcla HSV

#963E00 - #E1C7B6 | 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 #963E00 como 0% y #E1C7B6 como 100%.

0.0%	0.0% #963E00	RGB 150 62 0	#963E00
16.7%	16.7% #A24F15	RGB 162 79 21	#A24F15
33.3%	33.3% #AF632F	RGB 175 99 47	#AF632F
50.0%	50.0% #BB784B	RGB 187 120 75	#BB784B
66.7%	66.7% #C8906B	RGB 200 144 107	#C8906B
83.3%	83.3% #D4AA8F	RGB 212 170 143	#D4AA8F
100.0%	100.0% #E1C7B6	RGB 225 199 182	#E1C7B6

#963E00 #A24F15 #AF632F #BB784B #C8906B #D4AA8F #E1C7B6

#963E00 - #BB784B - #E1C7B6

Códigos CSS

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

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