#61451B - #3C2F04 | 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 #61451B a #3C2F04

#61451B #3C2F04

Calcule el color entre dos colores, #61451B y #3C2F04. 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)

#61451B - #3C2F04 | 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 #61451B como 0% y #3C2F04 como 100%.

0.0%	0.0% #61451B	RGB 97 69 27	#61451B
16.7%	16.7% #5A4117	RGB 90 65 23	#5A4117
33.3%	33.3% #543D13	RGB 84 61 19	#543D13
50.0%	50.0% #4E3A0F	RGB 78 58 15	#4E3A0F
66.7%	66.7% #48360B	RGB 72 54 11	#48360B
83.3%	83.3% #423207	RGB 66 50 7	#423207
100.0%	100.0% #3C2F04	RGB 60 47 4	#3C2F04

#61451B #5A4117 #543D13 #4E3A0F #48360B #423207 #3C2F04

#61451B - #3C2F04

Mezcla HSV

#61451B - #3C2F04 | 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 #61451B como 0% y #3C2F04 como 100%.

0.0%	0.0% #61451B	RGB 97 69 27	#61451B
16.7%	16.7% #5A4116	RGB 90 65 22	#5A4116
33.3%	33.3% #543D11	RGB 84 61 17	#543D11
50.0%	50.0% #4E390D	RGB 78 57 13	#4E390D
66.7%	66.7% #483609	RGB 72 54 9	#483609
83.3%	83.3% #423206	RGB 66 50 6	#423206
100.0%	100.0% #3C2F04	RGB 60 47 4	#3C2F04

#61451B #5A4116 #543D11 #4E390D #483609 #423206 #3C2F04

#61451B - #4E390D - #3C2F04

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #61451B 0%, #4E390D 50%, #3C2F04 100%);
    background: -webkit-linear-gradient(top, #61451B 0%, #4E390D 50%, #3C2F04 100%);
    background: linear-gradient(to bottom, #61451B 0%, #4E390D 50%, #3C2F04 100%);
}
</style>