#AB1520 - #FB8D5E | 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 #AB1520 a #FB8D5E

#AB1520 #FB8D5E

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

#AB1520 - #FB8D5E | 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 #AB1520 como 0% y #FB8D5E como 100%.

0.0%	0.0% #AB1520	RGB 171 21 32	#AB1520
16.7%	16.7% #B8292A	RGB 184 41 42	#B8292A
33.3%	33.3% #C53D34	RGB 197 61 52	#C53D34
50.0%	50.0% #D3513F	RGB 211 81 63	#D3513F
66.7%	66.7% #E06549	RGB 224 101 73	#E06549
83.3%	83.3% #ED7953	RGB 237 121 83	#ED7953
100.0%	100.0% #FB8D5E	RGB 251 141 94	#FB8D5E

#AB1520 #B8292A #C53D34 #D3513F #E06549 #ED7953 #FB8D5E

#AB1520 - #FB8D5E

Mezcla HSV

#AB1520 - #FB8D5E | 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 #AB1520 como 0% y #FB8D5E como 100%.

0.0%	0.0% #AB1520	RGB 171 21 32	#AB1520
16.7%	16.7% #B81E20	RGB 184 30 32	#B81E20
33.3%	33.3% #C53028	RGB 197 48 40	#C53028
50.0%	50.0% #D34634	RGB 211 70 52	#D34634
66.7%	66.7% #E05D41	RGB 224 93 65	#E05D41
83.3%	83.3% #ED744F	RGB 237 116 79	#ED744F
100.0%	100.0% #FB8D5E	RGB 251 141 94	#FB8D5E

#AB1520 #B81E20 #C53028 #D34634 #E05D41 #ED744F #FB8D5E

#AB1520 - #D34634 - #FB8D5E

Códigos CSS

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

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