#611B30 - #3C040C | 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 #611B30 a #3C040C

#611B30 #3C040C

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

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

0.0%	0.0% #611B30	RGB 97 27 48	#611B30
16.7%	16.7% #5A172A	RGB 90 23 42	#5A172A
33.3%	33.3% #541324	RGB 84 19 36	#541324
50.0%	50.0% #4E0F1E	RGB 78 15 30	#4E0F1E
66.7%	66.7% #480B18	RGB 72 11 24	#480B18
83.3%	83.3% #420712	RGB 66 7 18	#420712
100.0%	100.0% #3C040C	RGB 60 4 12	#3C040C

#611B30 #5A172A #541324 #4E0F1E #480B18 #420712 #3C040C

#611B30 - #3C040C

Mezcla HSV

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

0.0%	0.0% #611B30	RGB 97 27 48	#611B30
16.7%	16.7% #5A1628	RGB 90 22 40	#5A1628
33.3%	33.3% #541122	RGB 84 17 34	#541122
50.0%	50.0% #4E0D1B	RGB 78 13 27	#4E0D1B
66.7%	66.7% #480916	RGB 72 9 22	#480916
83.3%	83.3% #420610	RGB 66 6 16	#420610
100.0%	100.0% #3C040C	RGB 60 4 12	#3C040C

#611B30 #5A1628 #541122 #4E0D1B #480916 #420610 #3C040C

#611B30 - #4E0D1B - #3C040C

Códigos CSS

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

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