#CF9FC5 - #FEE8DF | 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 #CF9FC5 to #FEE8DF

#CF9FC5 #FEE8DF

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

#CF9FC5 - #FEE8DF | 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 #CF9FC5 as 0% and #FEE8DF as 100%.

0.0%	0.0% #CF9FC5	RGB 207 159 197	#CF9FC5
16.7%	16.7% #D6ABC9	RGB 214 171 201	#D6ABC9
33.3%	33.3% #DEB7CD	RGB 222 183 205	#DEB7CD
50.0%	50.0% #E6C3D2	RGB 230 195 210	#E6C3D2
66.7%	66.7% #EECFD6	RGB 238 207 214	#EECFD6
83.3%	83.3% #F6DBDA	RGB 246 219 218	#F6DBDA
100.0%	100.0% #FEE8DF	RGB 254 232 223	#FEE8DF

#CF9FC5 #D6ABC9 #DEB7CD #E6C3D2 #EECFD6 #F6DBDA #FEE8DF

#CF9FC5 - #FEE8DF

HSV Blend

#CF9FC5 - #FEE8DF | 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 #CF9FC5 as 0% and #FEE8DF as 100%.

0.0%	0.0% #CF9FC5	RGB 207 159 197	#CF9FC5
16.7%	16.7% #D6A8C4	RGB 214 168 196	#D6A8C4
33.3%	33.3% #DEB3C5	RGB 222 179 197	#DEB3C5
50.0%	50.0% #E6BDC7	RGB 230 189 199	#E6BDC7
66.7%	66.7% #EEC8CB	RGB 238 200 203	#EEC8CB
83.3%	83.3% #F6D7D3	RGB 246 215 211	#F6D7D3
100.0%	100.0% #FEE8DF	RGB 254 232 223	#FEE8DF

#CF9FC5 #D6A8C4 #DEB3C5 #E6BDC7 #EEC8CB #F6D7D3 #FEE8DF

#CF9FC5 - #E6BDC7 - #FEE8DF

CSS codes

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

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