#5E2D29 - #BD6D4C | 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 #5E2D29 a #BD6D4C

#5E2D29 #BD6D4C

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

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

0.0%	0.0% #5E2D29	RGB 94 45 41	#5E2D29
16.7%	16.7% #6D372E	RGB 109 55 46	#6D372E
33.3%	33.3% #7D4234	RGB 125 66 52	#7D4234
50.0%	50.0% #8D4D3A	RGB 141 77 58	#8D4D3A
66.7%	66.7% #9D5740	RGB 157 87 64	#9D5740
83.3%	83.3% #AD6246	RGB 173 98 70	#AD6246
100.0%	100.0% #BD6D4C	RGB 189 109 76	#BD6D4C

#5E2D29 #6D372E #7D4234 #8D4D3A #9D5740 #AD6246 #BD6D4C

#5E2D29 - #BD6D4C

Mezcla HSV

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

0.0%	0.0% #5E2D29	RGB 94 45 41	#5E2D29
16.7%	16.7% #6D362F	RGB 109 54 47	#6D362F
33.3%	33.3% #7D4035	RGB 125 64 53	#7D4035
50.0%	50.0% #8D4A3B	RGB 141 74 59	#8D4A3B
66.7%	66.7% #9D5541	RGB 157 85 65	#9D5541
83.3%	83.3% #AD6046	RGB 173 96 70	#AD6046
100.0%	100.0% #BD6D4C	RGB 189 109 76	#BD6D4C

#5E2D29 #6D362F #7D4035 #8D4A3B #9D5541 #AD6046 #BD6D4C

#5E2D29 - #8D4A3B - #BD6D4C

Códigos CSS

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

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