#9F7FA2 - #E3DAE4 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #9F7FA2 to #E3DAE4

#9F7FA2 #E3DAE4

Calculate the color between two colors, #9F7FA2 and #E3DAE4. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#9F7FA2 - #E3DAE4 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #9F7FA2 as 0% and #E3DAE4 as 100%.

0.0%	0.0% #9F7FA2	RGB 159 127 162	#9F7FA2
16.7%	16.7% #AA8EAD	RGB 170 142 173	#AA8EAD
33.3%	33.3% #B59DB8	RGB 181 157 184	#B59DB8
50.0%	50.0% #C1ACC3	RGB 193 172 195	#C1ACC3
66.7%	66.7% #CCBBCE	RGB 204 187 206	#CCBBCE
83.3%	83.3% #D7CAD9	RGB 215 202 217	#D7CAD9
100.0%	100.0% #E3DAE4	RGB 227 218 228	#E3DAE4

#9F7FA2 #AA8EAD #B59DB8 #C1ACC3 #CCBBCE #D7CAD9 #E3DAE4

#9F7FA2 - #E3DAE4

HSV Blend

#9F7FA2 - #E3DAE4 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #9F7FA2 as 0% and #E3DAE4 as 100%.

0.0%	0.0% #9F7FA2	RGB 159 127 162	#9F7FA2
16.7%	16.7% #AA8CAD	RGB 170 140 173	#AA8CAD
33.3%	33.3% #B59AB8	RGB 181 154 184	#B59AB8
50.0%	50.0% #C0A9C3	RGB 192 169 195	#C0A9C3
66.7%	66.7% #CCB9CE	RGB 204 185 206	#CCB9CE
83.3%	83.3% #D7C9D9	RGB 215 201 217	#D7C9D9
100.0%	100.0% #E3DAE4	RGB 227 218 228	#E3DAE4

#9F7FA2 #AA8CAD #B59AB8 #C0A9C3 #CCB9CE #D7C9D9 #E3DAE4

#9F7FA2 - #C0A9C3 - #E3DAE4

CSS codes

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

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