#9F6D9D - #E3D5E2 | 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 #9F6D9D a #E3D5E2

#9F6D9D #E3D5E2

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

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

0.0%	0.0% #9F6D9D	RGB 159 109 157	#9F6D9D
16.7%	16.7% #AA7EA8	RGB 170 126 168	#AA7EA8
33.3%	33.3% #B58FB4	RGB 181 143 180	#B58FB4
50.0%	50.0% #C1A1BF	RGB 193 161 191	#C1A1BF
66.7%	66.7% #CCB2CB	RGB 204 178 203	#CCB2CB
83.3%	83.3% #D7C3D6	RGB 215 195 214	#D7C3D6
100.0%	100.0% #E3D5E2	RGB 227 213 226	#E3D5E2

#9F6D9D #AA7EA8 #B58FB4 #C1A1BF #CCB2CB #D7C3D6 #E3D5E2

#9F6D9D - #E3D5E2

Mezcla HSV

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

0.0%	0.0% #9F6D9D	RGB 159 109 157	#9F6D9D
16.7%	16.7% #AA7BA8	RGB 170 123 168	#AA7BA8
33.3%	33.3% #B58BB3	RGB 181 139 179	#B58BB3
50.0%	50.0% #C19CBE	RGB 193 156 190	#C19CBE
66.7%	66.7% #CCAECA	RGB 204 174 202	#CCAECA
83.3%	83.3% #D7C1D6	RGB 215 193 214	#D7C1D6
100.0%	100.0% #E3D5E2	RGB 227 213 226	#E3D5E2

#9F6D9D #AA7BA8 #B58BB3 #C19CBE #CCAECA #D7C1D6 #E3D5E2

#9F6D9D - #C19CBE - #E3D5E2

Códigos CSS

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

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