#9E5EAD - #E2D1E7 | 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 #9E5EAD a #E2D1E7

#9E5EAD #E2D1E7

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

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

0.0%	0.0% #9E5EAD	RGB 158 94 173	#9E5EAD
16.7%	16.7% #A971B6	RGB 169 113 182	#A971B6
33.3%	33.3% #B484C0	RGB 180 132 192	#B484C0
50.0%	50.0% #C097CA	RGB 192 151 202	#C097CA
66.7%	66.7% #CBAAD3	RGB 203 170 211	#CBAAD3
83.3%	83.3% #D6BDDD	RGB 214 189 221	#D6BDDD
100.0%	100.0% #E2D1E7	RGB 226 209 231	#E2D1E7

#9E5EAD #A971B6 #B484C0 #C097CA #CBAAD3 #D6BDDD #E2D1E7

#9E5EAD - #E2D1E7

Mezcla HSV

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

0.0%	0.0% #9E5EAD	RGB 158 94 173	#9E5EAD
16.7%	16.7% #A86EB6	RGB 168 110 182	#A86EB6
33.3%	33.3% #B37FC0	RGB 179 127 192	#B37FC0
50.0%	50.0% #BE92CA	RGB 190 146 202	#BE92CA
66.7%	66.7% #C9A6D3	RGB 201 166 211	#C9A6D3
83.3%	83.3% #D5BADD	RGB 213 186 221	#D5BADD
100.0%	100.0% #E2D1E7	RGB 226 209 231	#E2D1E7

#9E5EAD #A86EB6 #B37FC0 #BE92CA #C9A6D3 #D5BADD #E2D1E7

#9E5EAD - #BE92CA - #E2D1E7

Códigos CSS

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

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