#CD8EDA - #F0DEF4 | 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 #CD8EDA to #F0DEF4

#CD8EDA #F0DEF4

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

#CD8EDA - #F0DEF4 | 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 #CD8EDA as 0% and #F0DEF4 as 100%.

0.0%	0.0% #CD8EDA	RGB 205 142 218	#CD8EDA
16.7%	16.7% #D29BDE	RGB 210 155 222	#D29BDE
33.3%	33.3% #D8A8E2	RGB 216 168 226	#D8A8E2
50.0%	50.0% #DEB6E7	RGB 222 182 231	#DEB6E7
66.7%	66.7% #E4C3EB	RGB 228 195 235	#E4C3EB
83.3%	83.3% #EAD0EF	RGB 234 208 239	#EAD0EF
100.0%	100.0% #F0DEF4	RGB 240 222 244	#F0DEF4

#CD8EDA #D29BDE #D8A8E2 #DEB6E7 #E4C3EB #EAD0EF #F0DEF4

#CD8EDA - #F0DEF4

HSV Blend

#CD8EDA - #F0DEF4 | 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 #CD8EDA as 0% and #F0DEF4 as 100%.

0.0%	0.0% #CD8EDA	RGB 205 142 218	#CD8EDA
16.7%	16.7% #D29ADE	RGB 210 154 222	#D29ADE
33.3%	33.3% #D8A7E2	RGB 216 167 226	#D8A7E2
50.0%	50.0% #DEB4E7	RGB 222 180 231	#DEB4E7
66.7%	66.7% #E3C1EB	RGB 227 193 235	#E3C1EB
83.3%	83.3% #E9CFEF	RGB 233 207 239	#E9CFEF
100.0%	100.0% #F0DEF4	RGB 240 222 244	#F0DEF4

#CD8EDA #D29ADE #D8A7E2 #DEB4E7 #E3C1EB #E9CFEF #F0DEF4

#CD8EDA - #DEB4E7 - #F0DEF4

CSS codes

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

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