#C92F05 - #70190B | 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 #C92F05 a #70190B

#C92F05 #70190B

Calcule el color entre dos colores, #C92F05 y #70190B. 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)

#C92F05 - #70190B | 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 #C92F05 como 0% y #70190B como 100%.

0.0%	0.0% #C92F05	RGB 201 47 5	#C92F05
16.7%	16.7% #BA2B06	RGB 186 43 6	#BA2B06
33.3%	33.3% #AB2707	RGB 171 39 7	#AB2707
50.0%	50.0% #9C2408	RGB 156 36 8	#9C2408
66.7%	66.7% #8D2009	RGB 141 32 9	#8D2009
83.3%	83.3% #7E1C0A	RGB 126 28 10	#7E1C0A
100.0%	100.0% #70190B	RGB 112 25 11	#70190B

#C92F05 #BA2B06 #AB2707 #9C2408 #8D2009 #7E1C0A #70190B

#C92F05 - #70190B

Mezcla HSV

#C92F05 - #70190B | 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 #C92F05 como 0% y #70190B como 100%.

0.0%	0.0% #C92F05	RGB 201 47 5	#C92F05
16.7%	16.7% #BA2B06	RGB 186 43 6	#BA2B06
33.3%	33.3% #AB2708	RGB 171 39 8	#AB2708
50.0%	50.0% #9C2309	RGB 156 35 9	#9C2309
66.7%	66.7% #8D1F0A	RGB 141 31 10	#8D1F0A
83.3%	83.3% #7E1C0A	RGB 126 28 10	#7E1C0A
100.0%	100.0% #70190B	RGB 112 25 11	#70190B

#C92F05 #BA2B06 #AB2708 #9C2309 #8D1F0A #7E1C0A #70190B

#C92F05 - #9C2309 - #70190B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C92F05 0%, #9C2309 50%, #70190B 100%);
    background: -webkit-linear-gradient(top, #C92F05 0%, #9C2309 50%, #70190B 100%);
    background: linear-gradient(to bottom, #C92F05 0%, #9C2309 50%, #70190B 100%);
}
</style>