#A03D5E - #E3C7D1 | 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 #A03D5E a #E3C7D1

#A03D5E #E3C7D1

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

#A03D5E - #E3C7D1 | 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 #A03D5E como 0% y #E3C7D1 como 100%.

0.0%	0.0% #A03D5E	RGB 160 61 94	#A03D5E
16.7%	16.7% #AB5471	RGB 171 84 113	#AB5471
33.3%	33.3% #B66B84	RGB 182 107 132	#B66B84
50.0%	50.0% #C18297	RGB 193 130 151	#C18297
66.7%	66.7% #CC99AA	RGB 204 153 170	#CC99AA
83.3%	83.3% #D7B0BD	RGB 215 176 189	#D7B0BD
100.0%	100.0% #E3C7D1	RGB 227 199 209	#E3C7D1

#A03D5E #AB5471 #B66B84 #C18297 #CC99AA #D7B0BD #E3C7D1

#A03D5E - #E3C7D1

Mezcla HSV

#A03D5E - #E3C7D1 | 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 #A03D5E como 0% y #E3C7D1 como 100%.

0.0%	0.0% #A03D5D	RGB 160 61 93	#A03D5D
16.7%	16.7% #AB4F6E	RGB 171 79 110	#AB4F6E
33.3%	33.3% #B6637F	RGB 182 99 127	#B6637F
50.0%	50.0% #C17992	RGB 193 121 146	#C17992
66.7%	66.7% #CC91A6	RGB 204 145 166	#CC91A6
83.3%	83.3% #D7ABBB	RGB 215 171 187	#D7ABBB
100.0%	100.0% #E3C7D1	RGB 227 199 209	#E3C7D1

#A03D5D #AB4F6E #B6637F #C17992 #CC91A6 #D7ABBB #E3C7D1

#A03D5E - #C17992 - #E3C7D1

Códigos CSS

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

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