#80000F - #CE260B | 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 #80000F a #CE260B

#80000F #CE260B

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

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

0.0%	0.0% #80000F	RGB 128 0 15	#80000F
16.7%	16.7% #8D060E	RGB 141 6 14	#8D060E
33.3%	33.3% #9A0C0D	RGB 154 12 13	#9A0C0D
50.0%	50.0% #A7130D	RGB 167 19 13	#A7130D
66.7%	66.7% #B4190C	RGB 180 25 12	#B4190C
83.3%	83.3% #C11F0B	RGB 193 31 11	#C11F0B
100.0%	100.0% #CE260B	RGB 206 38 11	#CE260B

#80000F #8D060E #9A0C0D #A7130D #B4190C #C11F0B #CE260B

#80000F - #CE260B

Mezcla HSV

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

0.0%	0.0% #80000F	RGB 128 0 15	#80000F
16.7%	16.7% #8D010B	RGB 141 1 11	#8D010B
33.3%	33.3% #9A0207	RGB 154 2 7	#9A0207
50.0%	50.0% #A70604	RGB 167 6 4	#A70604
66.7%	66.7% #B40F06	RGB 180 15 6	#B40F06
83.3%	83.3% #C11A08	RGB 193 26 8	#C11A08
100.0%	100.0% #CE260B	RGB 206 38 11	#CE260B

#80000F #8D010B #9A0207 #A70604 #B40F06 #C11A08 #CE260B

#80000F - #A70604 - #CE260B

Códigos CSS

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

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