#FF2A37 - #8D0517 | 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 #FF2A37 a #8D0517

#FF2A37 #8D0517

Calcule el color entre dos colores, #FF2A37 y #8D0517. 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)

#FF2A37 - #8D0517 | 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 #FF2A37 como 0% y #8D0517 como 100%.

0.0%	0.0% #FF2A37	RGB 255 42 55	#FF2A37
16.7%	16.7% #EC2331	RGB 236 35 49	#EC2331
33.3%	33.3% #D91D2C	RGB 217 29 44	#D91D2C
50.0%	50.0% #C61727	RGB 198 23 39	#C61727
66.7%	66.7% #B31121	RGB 179 17 33	#B31121
83.3%	83.3% #A00B1C	RGB 160 11 28	#A00B1C
100.0%	100.0% #8D0517	RGB 141 5 23	#8D0517

#FF2A37 #EC2331 #D91D2C #C61727 #B31121 #A00B1C #8D0517

#FF2A37 - #8D0517

Mezcla HSV

#FF2A37 - #8D0517 | 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 #FF2A37 como 0% y #8D0517 como 100%.

0.0%	0.0% #FF2936	RGB 255 41 54	#FF2936
16.7%	16.7% #EC2130	RGB 236 33 48	#EC2130
33.3%	33.3% #D91A2A	RGB 217 26 42	#D91A2A
50.0%	50.0% #C61325	RGB 198 19 37	#C61325
66.7%	66.7% #B30E1F	RGB 179 14 31	#B30E1F
83.3%	83.3% #A0091B	RGB 160 9 27	#A0091B
100.0%	100.0% #8D0517	RGB 141 5 23	#8D0517

#FF2936 #EC2130 #D91A2A #C61325 #B30E1F #A0091B #8D0517

#FF2A37 - #C61325 - #8D0517

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #FF2936 0%, #C61325 50%, #8D0517 100%);
    background: -webkit-linear-gradient(top, #FF2936 0%, #C61325 50%, #8D0517 100%);
    background: linear-gradient(to bottom, #FF2936 0%, #C61325 50%, #8D0517 100%);
}
</style>