#960013 - #E72B0A | 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 #960013 a #E72B0A

#960013 #E72B0A

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

#960013 - #E72B0A | 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 #960013 como 0% y #E72B0A como 100%.

0.0%	0.0% #960013	RGB 150 0 19	#960013
16.7%	16.7% #A30711	RGB 163 7 17	#A30711
33.3%	33.3% #B10E10	RGB 177 14 16	#B10E10
50.0%	50.0% #BE150E	RGB 190 21 14	#BE150E
66.7%	66.7% #CC1C0D	RGB 204 28 13	#CC1C0D
83.3%	83.3% #D9230B	RGB 217 35 11	#D9230B
100.0%	100.0% #E72B0A	RGB 231 43 10	#E72B0A

#960013 #A30711 #B10E10 #BE150E #CC1C0D #D9230B #E72B0A

#960013 - #E72B0A

Mezcla HSV

#960013 - #E72B0A | 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 #960013 como 0% y #E72B0A como 100%.

0.0%	0.0% #960013	RGB 150 0 19	#960013
16.7%	16.7% #A3010E	RGB 163 1 14	#A3010E
33.3%	33.3% #B10208	RGB 177 2 8	#B10208
50.0%	50.0% #BE0604	RGB 190 6 4	#BE0604
66.7%	66.7% #CC1105	RGB 204 17 5	#CC1105
83.3%	83.3% #D91D07	RGB 217 29 7	#D91D07
100.0%	100.0% #E72B0A	RGB 231 43 10	#E72B0A

#960013 #A3010E #B10208 #BE0604 #CC1105 #D91D07 #E72B0A

#960013 - #BE0604 - #E72B0A

Códigos CSS

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

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