#B33232 - #70120B | 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 #B33232 a #70120B

#B33232 #70120B

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

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

0.0%	0.0% #B33232	RGB 179 50 50	#B33232
16.7%	16.7% #A72C2B	RGB 167 44 43	#A72C2B
33.3%	33.3% #9C2725	RGB 156 39 37	#9C2725
50.0%	50.0% #91221E	RGB 145 34 30	#91221E
66.7%	66.7% #861C18	RGB 134 28 24	#861C18
83.3%	83.3% #7B1711	RGB 123 23 17	#7B1711
100.0%	100.0% #70120B	RGB 112 18 11	#70120B

#B33232 #A72C2B #9C2725 #91221E #861C18 #7B1711 #70120B

#B33232 - #70120B

Mezcla HSV

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

0.0%	0.0% #B33232	RGB 179 50 50	#B33232
16.7%	16.7% #A72B29	RGB 167 43 41	#A72B29
33.3%	33.3% #9C2522	RGB 156 37 34	#9C2522
50.0%	50.0% #911F1B	RGB 145 31 27	#911F1B
66.7%	66.7% #861A15	RGB 134 26 21	#861A15
83.3%	83.3% #7B160F	RGB 123 22 15	#7B160F
100.0%	100.0% #70120B	RGB 112 18 11	#70120B

#B33232 #A72B29 #9C2522 #911F1B #861A15 #7B160F #70120B

#B33232 - #911F1B - #70120B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B33232 0%, #911F1B 50%, #70120B 100%);
    background: -webkit-linear-gradient(top, #B33232 0%, #911F1B 50%, #70120B 100%);
    background: linear-gradient(to bottom, #B33232 0%, #911F1B 50%, #70120B 100%);
}
</style>