#CD9FB4 - #F0E3E8 | 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 #CD9FB4 to #F0E3E8

#CD9FB4 #F0E3E8

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

#CD9FB4 - #F0E3E8 | 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 #CD9FB4 as 0% and #F0E3E8 as 100%.

0.0%	0.0% #CD9FB4	RGB 205 159 180	#CD9FB4
16.7%	16.7% #D2AABC	RGB 210 170 188	#D2AABC
33.3%	33.3% #D8B5C5	RGB 216 181 197	#D8B5C5
50.0%	50.0% #DEC1CE	RGB 222 193 206	#DEC1CE
66.7%	66.7% #E4CCD6	RGB 228 204 214	#E4CCD6
83.3%	83.3% #EAD7DF	RGB 234 215 223	#EAD7DF
100.0%	100.0% #F0E3E8	RGB 240 227 232	#F0E3E8

#CD9FB4 #D2AABC #D8B5C5 #DEC1CE #E4CCD6 #EAD7DF #F0E3E8

#CD9FB4 - #F0E3E8

HSV Blend

#CD9FB4 - #F0E3E8 | 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 #CD9FB4 as 0% and #F0E3E8 as 100%.

0.0%	0.0% #CD9FB4	RGB 205 159 180	#CD9FB4
16.7%	16.7% #D2A9BB	RGB 210 169 187	#D2A9BB
33.3%	33.3% #D8B4C4	RGB 216 180 196	#D8B4C4
50.0%	50.0% #DEBFCC	RGB 222 191 204	#DEBFCC
66.7%	66.7% #E4CBD5	RGB 228 203 213	#E4CBD5
83.3%	83.3% #EAD6DE	RGB 234 214 222	#EAD6DE
100.0%	100.0% #F0E3E8	RGB 240 227 232	#F0E3E8

#CD9FB4 #D2A9BB #D8B4C4 #DEBFCC #E4CBD5 #EAD6DE #F0E3E8

#CD9FB4 - #DEBFCC - #F0E3E8

CSS codes

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

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