#CD9FC7 - #FFEDC6 | 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 #CD9FC7 to #FFEDC6

#CD9FC7 #FFEDC6

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

#CD9FC7 - #FFEDC6 | 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 #CD9FC7 as 0% and #FFEDC6 as 100%.

0.0%	0.0% #CD9FC7	RGB 205 159 199	#CD9FC7
16.7%	16.7% #D5ACC6	RGB 213 172 198	#D5ACC6
33.3%	33.3% #DDB9C6	RGB 221 185 198	#DDB9C6
50.0%	50.0% #E6C6C6	RGB 230 198 198	#E6C6C6
66.7%	66.7% #EED3C6	RGB 238 211 198	#EED3C6
83.3%	83.3% #F6E0C6	RGB 246 224 198	#F6E0C6
100.0%	100.0% #FFEDC6	RGB 255 237 198	#FFEDC6

#CD9FC7 #D5ACC6 #DDB9C6 #E6C6C6 #EED3C6 #F6E0C6 #FFEDC6

#CD9FC7 - #FFEDC6

HSV Blend

#CD9FC7 - #FFEDC6 | 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 #CD9FC7 as 0% and #FFEDC6 as 100%.

0.0%	0.0% #CD9FC7	RGB 205 159 199	#CD9FC7
16.7%	16.7% #D5A5C2	RGB 213 165 194	#D5A5C2
33.3%	33.3% #DDABBD	RGB 221 171 189	#DDABBD
50.0%	50.0% #E6B2B7	RGB 230 178 183	#E6B2B7
66.7%	66.7% #EEC1B8	RGB 238 193 184	#EEC1B8
83.3%	83.3% #F6D6BF	RGB 246 214 191	#F6D6BF
100.0%	100.0% #FFEDC6	RGB 255 237 198	#FFEDC6

#CD9FC7 #D5A5C2 #DDABBD #E6B2B7 #EEC1B8 #F6D6BF #FFEDC6

#CD9FC7 - #E6B2B7 - #FFEDC6

CSS codes

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

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