#611B1B - #3C0E05 | 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 #611B1B a #3C0E05

#611B1B #3C0E05

Calcule el color entre dos colores, #611B1B y #3C0E05. 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)

#611B1B - #3C0E05 | 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 #611B1B como 0% y #3C0E05 como 100%.

0.0%	0.0% #611B1B	RGB 97 27 27	#611B1B
16.7%	16.7% #5A1817	RGB 90 24 23	#5A1817
33.3%	33.3% #541613	RGB 84 22 19	#541613
50.0%	50.0% #4E1410	RGB 78 20 16	#4E1410
66.7%	66.7% #48120C	RGB 72 18 12	#48120C
83.3%	83.3% #421008	RGB 66 16 8	#421008
100.0%	100.0% #3C0E05	RGB 60 14 5	#3C0E05

#611B1B #5A1817 #541613 #4E1410 #48120C #421008 #3C0E05

#611B1B - #3C0E05

Mezcla HSV

#611B1B - #3C0E05 | 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 #611B1B como 0% y #3C0E05 como 100%.

0.0%	0.0% #611B1B	RGB 97 27 27	#611B1B
16.7%	16.7% #5A1816	RGB 90 24 22	#5A1816
33.3%	33.3% #541512	RGB 84 21 18	#541512
50.0%	50.0% #4E130E	RGB 78 19 14	#4E130E
66.7%	66.7% #48110A	RGB 72 17 10	#48110A
83.3%	83.3% #420F07	RGB 66 15 7	#420F07
100.0%	100.0% #3C0E05	RGB 60 14 5	#3C0E05

#611B1B #5A1816 #541512 #4E130E #48110A #420F07 #3C0E05

#611B1B - #4E130E - #3C0E05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #611B1B 0%, #4E130E 50%, #3C0E05 100%);
    background: -webkit-linear-gradient(top, #611B1B 0%, #4E130E 50%, #3C0E05 100%);
    background: linear-gradient(to bottom, #611B1B 0%, #4E130E 50%, #3C0E05 100%);
}
</style>