#E1504D - #A81714 | 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 #E1504D a #A81714

#E1504D #A81714

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

#E1504D - #A81714 | 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 #E1504D como 0% y #A81714 como 100%.

0.0%	0.0% #E1504D	RGB 225 80 77	#E1504D
16.7%	16.7% #D74643	RGB 215 70 67	#D74643
33.3%	33.3% #CE3D3A	RGB 206 61 58	#CE3D3A
50.0%	50.0% #C43330	RGB 196 51 48	#C43330
66.7%	66.7% #BB2A27	RGB 187 42 39	#BB2A27
83.3%	83.3% #B1201D	RGB 177 32 29	#B1201D
100.0%	100.0% #A81714	RGB 168 23 20	#A81714

#E1504D #D74643 #CE3D3A #C43330 #BB2A27 #B1201D #A81714

#E1504D - #A81714

Mezcla HSV

#E1504D - #A81714 | 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 #E1504D como 0% y #A81714 como 100%.

0.0%	0.0% #E1504D	RGB 225 80 77	#E1504D
16.7%	16.7% #D74441	RGB 215 68 65	#D74441
33.3%	33.3% #CE3A37	RGB 206 58 55	#CE3A37
50.0%	50.0% #C4302D	RGB 196 48 45	#C4302D
66.7%	66.7% #BB2724	RGB 187 39 36	#BB2724
83.3%	83.3% #B11E1B	RGB 177 30 27	#B11E1B
100.0%	100.0% #A81714	RGB 168 23 20	#A81714

#E1504D #D74441 #CE3A37 #C4302D #BB2724 #B11E1B #A81714

#E1504D - #C4302D - #A81714

Códigos CSS

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

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