#AA0000 - #7A0011 | 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 #AA0000 a #7A0011

#AA0000 #7A0011

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

#AA0000 - #7A0011 | 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 #AA0000 como 0% y #7A0011 como 100%.

0.0%	0.0% #AA0000	RGB 170 0 0	#AA0000
16.7%	16.7% #A20002	RGB 162 0 2	#A20002
33.3%	33.3% #9A0005	RGB 154 0 5	#9A0005
50.0%	50.0% #920008	RGB 146 0 8	#920008
66.7%	66.7% #8A000B	RGB 138 0 11	#8A000B
83.3%	83.3% #82000E	RGB 130 0 14	#82000E
100.0%	100.0% #7A0011	RGB 122 0 17	#7A0011

#AA0000 #A20002 #9A0005 #920008 #8A000B #82000E #7A0011

#AA0000 - #7A0011

Mezcla HSV

#AA0000 - #7A0011 | 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 #AA0000 como 0% y #7A0011 como 100%.

0.0%	0.0% #AA0000	RGB 170 0 0	#AA0000
16.7%	16.7% #A20003	RGB 162 0 3	#A20003
33.3%	33.3% #9A0007	RGB 154 0 7	#9A0007
50.0%	50.0% #92000A	RGB 146 0 10	#92000A
66.7%	66.7% #8A000C	RGB 138 0 12	#8A000C
83.3%	83.3% #82000F	RGB 130 0 15	#82000F
100.0%	100.0% #7A0011	RGB 122 0 17	#7A0011

#AA0000 #A20003 #9A0007 #92000A #8A000C #82000F #7A0011

#AA0000 - #92000A - #7A0011

Códigos CSS

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

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