#AA6FA9 - #E6D5E6 | 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 #AA6FA9 a #E6D5E6

#AA6FA9 #E6D5E6

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

#AA6FA9 - #E6D5E6 | 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 #AA6FA9 como 0% y #E6D5E6 como 100%.

0.0%	0.0% #AA6FA9	RGB 170 111 169	#AA6FA9
16.7%	16.7% #B480B3	RGB 180 128 179	#B480B3
33.3%	33.3% #BE91BD	RGB 190 145 189	#BE91BD
50.0%	50.0% #C8A2C7	RGB 200 162 199	#C8A2C7
66.7%	66.7% #D2B3D1	RGB 210 179 209	#D2B3D1
83.3%	83.3% #DCC4DB	RGB 220 196 219	#DCC4DB
100.0%	100.0% #E6D5E6	RGB 230 213 230	#E6D5E6

#AA6FA9 #B480B3 #BE91BD #C8A2C7 #D2B3D1 #DCC4DB #E6D5E6

#AA6FA9 - #E6D5E6

Mezcla HSV

#AA6FA9 - #E6D5E6 | 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 #AA6FA9 como 0% y #E6D5E6 como 100%.

0.0%	0.0% #AA6FA8	RGB 170 111 168	#AA6FA8
16.7%	16.7% #B47DB3	RGB 180 125 179	#B47DB3
33.3%	33.3% #BE8DBD	RGB 190 141 189	#BE8DBD
50.0%	50.0% #C89DC7	RGB 200 157 199	#C89DC7
66.7%	66.7% #D2AFD1	RGB 210 175 209	#D2AFD1
83.3%	83.3% #DCC1DB	RGB 220 193 219	#DCC1DB
100.0%	100.0% #E6D5E6	RGB 230 213 230	#E6D5E6

#AA6FA8 #B47DB3 #BE8DBD #C89DC7 #D2AFD1 #DCC1DB #E6D5E6

#AA6FA9 - #C89DC7 - #E6D5E6

Códigos CSS

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

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