#BE7DC1 - #EDD9ED | 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 #BE7DC1 to #EDD9ED

#BE7DC1 #EDD9ED

Calculate the color between two colors, #BE7DC1 and #EDD9ED. 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)

#BE7DC1 - #EDD9ED | 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 #BE7DC1 as 0% and #EDD9ED as 100%.

0.0%	0.0% #BE7DC1	RGB 190 125 193	#BE7DC1
16.7%	16.7% #C58CC8	RGB 197 140 200	#C58CC8
33.3%	33.3% #CD9BCF	RGB 205 155 207	#CD9BCF
50.0%	50.0% #D5ABD7	RGB 213 171 215	#D5ABD7
66.7%	66.7% #DDBADE	RGB 221 186 222	#DDBADE
83.3%	83.3% #E5C9E5	RGB 229 201 229	#E5C9E5
100.0%	100.0% #EDD9ED	RGB 237 217 237	#EDD9ED

#BE7DC1 #C58CC8 #CD9BCF #D5ABD7 #DDBADE #E5C9E5 #EDD9ED

#BE7DC1 - #EDD9ED

HSV Blend

#BE7DC1 - #EDD9ED | 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 #BE7DC1 as 0% and #EDD9ED as 100%.

0.0%	0.0% #BE7DC1	RGB 190 125 193	#BE7DC1
16.7%	16.7% #C68AC8	RGB 198 138 200	#C68AC8
33.3%	33.3% #CE99CF	RGB 206 153 207	#CE99CF
50.0%	50.0% #D5A8D7	RGB 213 168 215	#D5A8D7
66.7%	66.7% #DDB7DE	RGB 221 183 222	#DDB7DE
83.3%	83.3% #E5C8E5	RGB 229 200 229	#E5C8E5
100.0%	100.0% #EDD9ED	RGB 237 217 237	#EDD9ED

#BE7DC1 #C68AC8 #CE99CF #D5A8D7 #DDB7DE #E5C8E5 #EDD9ED

#BE7DC1 - #D5A8D7 - #EDD9ED

CSS codes

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

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