#AA6DA7 - #E6D5E5 | 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 #AA6DA7 a #E6D5E5

#AA6DA7 #E6D5E5

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

#AA6DA7 - #E6D5E5 | 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 #AA6DA7 como 0% y #E6D5E5 como 100%.

0.0%	0.0% #AA6DA7	RGB 170 109 167	#AA6DA7
16.7%	16.7% #B47EB1	RGB 180 126 177	#B47EB1
33.3%	33.3% #BE8FBB	RGB 190 143 187	#BE8FBB
50.0%	50.0% #C8A1C6	RGB 200 161 198	#C8A1C6
66.7%	66.7% #D2B2D0	RGB 210 178 208	#D2B2D0
83.3%	83.3% #DCC3DA	RGB 220 195 218	#DCC3DA
100.0%	100.0% #E6D5E5	RGB 230 213 229	#E6D5E5

#AA6DA7 #B47EB1 #BE8FBB #C8A1C6 #D2B2D0 #DCC3DA #E6D5E5

#AA6DA7 - #E6D5E5

Mezcla HSV

#AA6DA7 - #E6D5E5 | 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 #AA6DA7 como 0% y #E6D5E5 como 100%.

0.0%	0.0% #AA6DA7	RGB 170 109 167	#AA6DA7
16.7%	16.7% #B47BB1	RGB 180 123 177	#B47BB1
33.3%	33.3% #BE8BBB	RGB 190 139 187	#BE8BBB
50.0%	50.0% #C89CC5	RGB 200 156 197	#C89CC5
66.7%	66.7% #D2AED0	RGB 210 174 208	#D2AED0
83.3%	83.3% #DCC1DA	RGB 220 193 218	#DCC1DA
100.0%	100.0% #E6D5E5	RGB 230 213 229	#E6D5E5

#AA6DA7 #B47BB1 #BE8BBB #C89CC5 #D2AED0 #DCC1DA #E6D5E5

#AA6DA7 - #C89CC5 - #E6D5E5

Códigos CSS

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

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