#A61A1A - #571009 | 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 #A61A1A a #571009

#A61A1A #571009

Calcule el color entre dos colores, #A61A1A y #571009. 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)

#A61A1A - #571009 | 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 #A61A1A como 0% y #571009 como 100%.

0.0%	0.0% #A61A1A	RGB 166 26 26	#A61A1A
16.7%	16.7% #981817	RGB 152 24 23	#981817
33.3%	33.3% #8B1614	RGB 139 22 20	#8B1614
50.0%	50.0% #7E1511	RGB 126 21 17	#7E1511
66.7%	66.7% #71130E	RGB 113 19 14	#71130E
83.3%	83.3% #64110B	RGB 100 17 11	#64110B
100.0%	100.0% #571009	RGB 87 16 9	#571009

#A61A1A #981817 #8B1614 #7E1511 #71130E #64110B #571009

#A61A1A - #571009

Mezcla HSV

#A61A1A - #571009 | 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 #A61A1A como 0% y #571009 como 100%.

0.0%	0.0% #A61A1A	RGB 166 26 26	#A61A1A
16.7%	16.7% #981816	RGB 152 24 22	#981816
33.3%	33.3% #8B1613	RGB 139 22 19	#8B1613
50.0%	50.0% #7E1510	RGB 126 21 16	#7E1510
66.7%	66.7% #71130D	RGB 113 19 13	#71130D
83.3%	83.3% #64110B	RGB 100 17 11	#64110B
100.0%	100.0% #571009	RGB 87 16 9	#571009

#A61A1A #981816 #8B1613 #7E1510 #71130D #64110B #571009

#A61A1A - #7E1510 - #571009

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A61A1A 0%, #7E1510 50%, #571009 100%);
    background: -webkit-linear-gradient(top, #A61A1A 0%, #7E1510 50%, #571009 100%);
    background: linear-gradient(to bottom, #A61A1A 0%, #7E1510 50%, #571009 100%);
}
</style>