#A60032 - #E5B6C5 | 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 #A60032 a #E5B6C5

#A60032 #E5B6C5

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

#A60032 - #E5B6C5 | 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 #A60032 como 0% y #E5B6C5 como 100%.

0.0%	0.0% #A60032	RGB 166 0 50	#A60032
16.7%	16.7% #B01E4A	RGB 176 30 74	#B01E4A
33.3%	33.3% #BB3C63	RGB 187 60 99	#BB3C63
50.0%	50.0% #C55B7B	RGB 197 91 123	#C55B7B
66.7%	66.7% #D07994	RGB 208 121 148	#D07994
83.3%	83.3% #DA97AC	RGB 218 151 172	#DA97AC
100.0%	100.0% #E5B6C5	RGB 229 182 197	#E5B6C5

#A60032 #B01E4A #BB3C63 #C55B7B #D07994 #DA97AC #E5B6C5

#A60032 - #E5B6C5

Mezcla HSV

#A60032 - #E5B6C5 | 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 #A60032 como 0% y #E5B6C5 como 100%.

0.0%	0.0% #A60032	RGB 166 0 50	#A60032
16.7%	16.7% #B01745	RGB 176 23 69	#B01745
33.3%	33.3% #BB315B	RGB 187 49 91	#BB315B
50.0%	50.0% #C54E73	RGB 197 78 115	#C54E73
66.7%	66.7% #D06E8C	RGB 208 110 140	#D06E8C
83.3%	83.3% #DA90A8	RGB 218 144 168	#DA90A8
100.0%	100.0% #E5B6C5	RGB 229 182 197	#E5B6C5

#A60032 #B01745 #BB315B #C54E73 #D06E8C #DA90A8 #E5B6C5

#A60032 - #C54E73 - #E5B6C5

Códigos CSS

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

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