#9E6DA2 - #E2D5E4 | 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 #9E6DA2 a #E2D5E4

#9E6DA2 #E2D5E4

Calcule el color entre dos colores, #9E6DA2 y #E2D5E4. 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)

#9E6DA2 - #E2D5E4 | 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 #9E6DA2 como 0% y #E2D5E4 como 100%.

0.0%	0.0% #9E6DA2	RGB 158 109 162	#9E6DA2
16.7%	16.7% #A97EAD	RGB 169 126 173	#A97EAD
33.3%	33.3% #B48FB8	RGB 180 143 184	#B48FB8
50.0%	50.0% #C0A1C3	RGB 192 161 195	#C0A1C3
66.7%	66.7% #CBB2CE	RGB 203 178 206	#CBB2CE
83.3%	83.3% #D6C3D9	RGB 214 195 217	#D6C3D9
100.0%	100.0% #E2D5E4	RGB 226 213 228	#E2D5E4

#9E6DA2 #A97EAD #B48FB8 #C0A1C3 #CBB2CE #D6C3D9 #E2D5E4

#9E6DA2 - #E2D5E4

Mezcla HSV

#9E6DA2 - #E2D5E4 | 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 #9E6DA2 como 0% y #E2D5E4 como 100%.

0.0%	0.0% #9E6DA2	RGB 158 109 162	#9E6DA2
16.7%	16.7% #A87BAD	RGB 168 123 173	#A87BAD
33.3%	33.3% #B38BB8	RGB 179 139 184	#B38BB8
50.0%	50.0% #BF9CC3	RGB 191 156 195	#BF9CC3
66.7%	66.7% #CAAECE	RGB 202 174 206	#CAAECE
83.3%	83.3% #D6C1D9	RGB 214 193 217	#D6C1D9
100.0%	100.0% #E2D5E4	RGB 226 213 228	#E2D5E4

#9E6DA2 #A87BAD #B38BB8 #BF9CC3 #CAAECE #D6C1D9 #E2D5E4

#9E6DA2 - #BF9CC3 - #E2D5E4

Códigos CSS

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

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