#B02C2C - #80000D | 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 #B02C2C a #80000D

#B02C2C #80000D

Calcule el color entre dos colores, #B02C2C y #80000D. 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)

#B02C2C - #80000D | 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 #B02C2C como 0% y #80000D como 100%.

0.0%	0.0% #B02C2C	RGB 176 44 44	#B02C2C
16.7%	16.7% #A82426	RGB 168 36 38	#A82426
33.3%	33.3% #A01D21	RGB 160 29 33	#A01D21
50.0%	50.0% #98161C	RGB 152 22 28	#98161C
66.7%	66.7% #900E17	RGB 144 14 23	#900E17
83.3%	83.3% #880712	RGB 136 7 18	#880712
100.0%	100.0% #80000D	RGB 128 0 13	#80000D

#B02C2C #A82426 #A01D21 #98161C #900E17 #880712 #80000D

#B02C2C - #80000D

Mezcla HSV

#B02C2C - #80000D | 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 #B02C2C como 0% y #80000D como 100%.

0.0%	0.0% #B02C2C	RGB 176 44 44	#B02C2C
16.7%	16.7% #A82225	RGB 168 34 37	#A82225
33.3%	33.3% #A01A1F	RGB 160 26 31	#A01A1F
50.0%	50.0% #981319	RGB 152 19 25	#981319
66.7%	66.7% #900B14	RGB 144 11 20	#900B14
83.3%	83.3% #880510	RGB 136 5 16	#880510
100.0%	100.0% #80000D	RGB 128 0 13	#80000D

#B02C2C #A82225 #A01A1F #981319 #900B14 #880510 #80000D

#B02C2C - #981319 - #80000D

Códigos CSS

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

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