#9D8FC1 - #E2DFED | 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 #9D8FC1 to #E2DFED

#9D8FC1 #E2DFED

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

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

0.0%	0.0% #9D8FC1	RGB 157 143 193	#9D8FC1
16.7%	16.7% #A89CC8	RGB 168 156 200	#A89CC8
33.3%	33.3% #B4A9CF	RGB 180 169 207	#B4A9CF
50.0%	50.0% #BFB7D7	RGB 191 183 215	#BFB7D7
66.7%	66.7% #CBC4DE	RGB 203 196 222	#CBC4DE
83.3%	83.3% #D6D1E5	RGB 214 209 229	#D6D1E5
100.0%	100.0% #E2DFED	RGB 226 223 237	#E2DFED

#9D8FC1 #A89CC8 #B4A9CF #BFB7D7 #CBC4DE #D6D1E5 #E2DFED

#9D8FC1 - #E2DFED

HSV Blend

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

0.0%	0.0% #9D8FC1	RGB 157 143 193	#9D8FC1
16.7%	16.7% #A79BC8	RGB 167 155 200	#A79BC8
33.3%	33.3% #B2A7CF	RGB 178 167 207	#B2A7CF
50.0%	50.0% #BDB4D7	RGB 189 180 215	#BDB4D7
66.7%	66.7% #C8C2DE	RGB 200 194 222	#C8C2DE
83.3%	83.3% #D5D0E5	RGB 213 208 229	#D5D0E5
100.0%	100.0% #E2DFED	RGB 226 223 237	#E2DFED

#9D8FC1 #A79BC8 #B2A7CF #BDB4D7 #C8C2DE #D5D0E5 #E2DFED

#9D8FC1 - #BDB4D7 - #E2DFED

CSS codes

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

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