#A60000 - #40110E | 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 #A60000 a #40110E

#A60000 #40110E

Calcule el color entre dos colores, #A60000 y #40110E. 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)

#A60000 - #40110E | 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 #A60000 como 0% y #40110E como 100%.

0.0%	0.0% #A60000	RGB 166 0 0	#A60000
16.7%	16.7% #950202	RGB 149 2 2	#950202
33.3%	33.3% #840504	RGB 132 5 4	#840504
50.0%	50.0% #730807	RGB 115 8 7	#730807
66.7%	66.7% #620B09	RGB 98 11 9	#620B09
83.3%	83.3% #510E0B	RGB 81 14 11	#510E0B
100.0%	100.0% #40110E	RGB 64 17 14	#40110E

#A60000 #950202 #840504 #730807 #620B09 #510E0B #40110E

#A60000 - #40110E

Mezcla HSV

#A60000 - #40110E | 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 #A60000 como 0% y #40110E como 100%.

0.0%	0.0% #A60000	RGB 166 0 0	#A60000
16.7%	16.7% #950605	RGB 149 6 5	#950605
33.3%	33.3% #840C09	RGB 132 12 9	#840C09
50.0%	50.0% #730F0C	RGB 115 15 12	#730F0C
66.7%	66.7% #62110E	RGB 98 17 14	#62110E
83.3%	83.3% #51120E	RGB 81 18 14	#51120E
100.0%	100.0% #40110E	RGB 64 17 14	#40110E

#A60000 #950605 #840C09 #730F0C #62110E #51120E #40110E

#A60000 - #730F0C - #40110E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A60000 0%, #730F0C 50%, #40110E 100%);
    background: -webkit-linear-gradient(top, #A60000 0%, #730F0C 50%, #40110E 100%);
    background: linear-gradient(to bottom, #A60000 0%, #730F0C 50%, #40110E 100%);
}
</style>