#5E252B - #BD5E42 | 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 #5E252B a #BD5E42

#5E252B #BD5E42

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

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

0.0%	0.0% #5E252B	RGB 94 37 43	#5E252B
16.7%	16.7% #6D2E2E	RGB 109 46 46	#6D2E2E
33.3%	33.3% #7D3832	RGB 125 56 50	#7D3832
50.0%	50.0% #8D4136	RGB 141 65 54	#8D4136
66.7%	66.7% #9D4B3A	RGB 157 75 58	#9D4B3A
83.3%	83.3% #AD543E	RGB 173 84 62	#AD543E
100.0%	100.0% #BD5E42	RGB 189 94 66	#BD5E42

#5E252B #6D2E2E #7D3832 #8D4136 #9D4B3A #AD543E #BD5E42

#5E252B - #BD5E42

Mezcla HSV

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

0.0%	0.0% #5E252B	RGB 94 37 43	#5E252B
16.7%	16.7% #6D2A2D	RGB 109 42 45	#6D2A2D
33.3%	33.3% #7D302F	RGB 125 48 47	#7D302F
50.0%	50.0% #8D3934	RGB 141 57 52	#8D3934
66.7%	66.7% #9D4439	RGB 157 68 57	#9D4439
83.3%	83.3% #AD503D	RGB 173 80 61	#AD503D
100.0%	100.0% #BD5E42	RGB 189 94 66	#BD5E42

#5E252B #6D2A2D #7D302F #8D3934 #9D4439 #AD503D #BD5E42

#5E252B - #8D3934 - #BD5E42

Códigos CSS

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

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