#9F7AC0 - #E4D9ED | 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 #9F7AC0 to #E4D9ED

#9F7AC0 #E4D9ED

Calculate the color between two colors, #9F7AC0 and #E4D9ED. 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)

#9F7AC0 - #E4D9ED | 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 #9F7AC0 as 0% and #E4D9ED as 100%.

0.0%	0.0% #9F7AC0	RGB 159 122 192	#9F7AC0
16.7%	16.7% #AA89C7	RGB 170 137 199	#AA89C7
33.3%	33.3% #B699CF	RGB 182 153 207	#B699CF
50.0%	50.0% #C1A9D6	RGB 193 169 214	#C1A9D6
66.7%	66.7% #CDB9DE	RGB 205 185 222	#CDB9DE
83.3%	83.3% #D8C9E5	RGB 216 201 229	#D8C9E5
100.0%	100.0% #E4D9ED	RGB 228 217 237	#E4D9ED

#9F7AC0 #AA89C7 #B699CF #C1A9D6 #CDB9DE #D8C9E5 #E4D9ED

#9F7AC0 - #E4D9ED

HSV Blend

#9F7AC0 - #E4D9ED | 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 #9F7AC0 as 0% and #E4D9ED as 100%.

0.0%	0.0% #9F7AC0	RGB 159 122 192	#9F7AC0
16.7%	16.7% #A988C7	RGB 169 136 199	#A988C7
33.3%	33.3% #B496CF	RGB 180 150 207	#B496CF
50.0%	50.0% #C0A6D6	RGB 192 166 214	#C0A6D6
66.7%	66.7% #CBB6DE	RGB 203 182 222	#CBB6DE
83.3%	83.3% #D7C7E5	RGB 215 199 229	#D7C7E5
100.0%	100.0% #E4D9ED	RGB 228 217 237	#E4D9ED

#9F7AC0 #A988C7 #B496CF #C0A6D6 #CBB6DE #D7C7E5 #E4D9ED

#9F7AC0 - #C0A6D6 - #E4D9ED

CSS codes

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

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