#EDE2EE - #BF96CD | 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 #EDE2EE to #BF96CD

#EDE2EE #BF96CD

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

#EDE2EE - #BF96CD | 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 #EDE2EE as 0% and #BF96CD as 100%.

0.0%	0.0% #EDE2EE	RGB 237 226 238	#EDE2EE
16.7%	16.7% #E5D5E8	RGB 229 213 232	#E5D5E8
33.3%	33.3% #DDC8E3	RGB 221 200 227	#DDC8E3
50.0%	50.0% #D6BCDD	RGB 214 188 221	#D6BCDD
66.7%	66.7% #CEAFD8	RGB 206 175 216	#CEAFD8
83.3%	83.3% #C6A2D2	RGB 198 162 210	#C6A2D2
100.0%	100.0% #BF96CD	RGB 191 150 205	#BF96CD

#EDE2EE #E5D5E8 #DDC8E3 #D6BCDD #CEAFD8 #C6A2D2 #BF96CD

#EDE2EE - #BF96CD

HSV Blend

#EDE2EE - #BF96CD | 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 #EDE2EE as 0% and #BF96CD as 100%.

0.0%	0.0% #EDE2EE	RGB 237 226 238	#EDE2EE
16.7%	16.7% #E6D4E8	RGB 230 212 232	#E6D4E8
33.3%	33.3% #DFC7E3	RGB 223 199 227	#DFC7E3
50.0%	50.0% #D7BADD	RGB 215 186 221	#D7BADD
66.7%	66.7% #CFADD8	RGB 207 173 216	#CFADD8
83.3%	83.3% #C7A1D2	RGB 199 161 210	#C7A1D2
100.0%	100.0% #BF96CD	RGB 191 150 205	#BF96CD

#EDE2EE #E6D4E8 #DFC7E3 #D7BADD #CFADD8 #C7A1D2 #BF96CD

#EDE2EE - #D7BADD - #BF96CD

CSS codes

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

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