#5E3826 - #C37946 | 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 #5E3826 a #C37946

#5E3826 #C37946

Calcule el color entre dos colores, #5E3826 y #C37946. 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)

#5E3826 - #C37946 | 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 #5E3826 como 0% y #C37946 como 100%.

0.0%	0.0% #5E3826	RGB 94 56 38	#5E3826
16.7%	16.7% #6E422B	RGB 110 66 43	#6E422B
33.3%	33.3% #7F4D30	RGB 127 77 48	#7F4D30
50.0%	50.0% #905836	RGB 144 88 54	#905836
66.7%	66.7% #A1633B	RGB 161 99 59	#A1633B
83.3%	83.3% #B26E40	RGB 178 110 64	#B26E40
100.0%	100.0% #C37946	RGB 195 121 70	#C37946

#5E3826 #6E422B #7F4D30 #905836 #A1633B #B26E40 #C37946

#5E3826 - #C37946

Mezcla HSV

#5E3826 - #C37946 | 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 #5E3826 como 0% y #C37946 como 100%.

0.0%	0.0% #5E3826	RGB 94 56 38	#5E3826
16.7%	16.7% #6E422B	RGB 110 66 43	#6E422B
33.3%	33.3% #7F4C31	RGB 127 76 49	#7F4C31
50.0%	50.0% #905737	RGB 144 87 55	#905737
66.7%	66.7% #A1623C	RGB 161 98 60	#A1623C
83.3%	83.3% #B26D41	RGB 178 109 65	#B26D41
100.0%	100.0% #C37946	RGB 195 121 70	#C37946

#5E3826 #6E422B #7F4C31 #905737 #A1623C #B26D41 #C37946

#5E3826 - #905737 - #C37946

Códigos CSS

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

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