#CD8CC9 - #FDAFD0 | 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 #CD8CC9 to #FDAFD0

#CD8CC9 #FDAFD0

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

#CD8CC9 - #FDAFD0 | 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 #CD8CC9 as 0% and #FDAFD0 as 100%.

0.0%	0.0% #CD8CC9	RGB 205 140 201	#CD8CC9
16.7%	16.7% #D591CA	RGB 213 145 202	#D591CA
33.3%	33.3% #DD97CB	RGB 221 151 203	#DD97CB
50.0%	50.0% #E59DCC	RGB 229 157 204	#E59DCC
66.7%	66.7% #EDA3CD	RGB 237 163 205	#EDA3CD
83.3%	83.3% #F5A9CE	RGB 245 169 206	#F5A9CE
100.0%	100.0% #FDAFD0	RGB 253 175 208	#FDAFD0

#CD8CC9 #D591CA #DD97CB #E59DCC #EDA3CD #F5A9CE #FDAFD0

#CD8CC9 - #FDAFD0

HSV Blend

#CD8CC9 - #FDAFD0 | 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 #CD8CC9 as 0% and #FDAFD0 as 100%.

0.0%	0.0% #CD8CC9	RGB 205 140 201	#CD8CC9
16.7%	16.7% #D591CB	RGB 213 145 203	#D591CB
33.3%	33.3% #DD97CC	RGB 221 151 204	#DD97CC
50.0%	50.0% #E59DCE	RGB 229 157 206	#E59DCE
66.7%	66.7% #EDA3CF	RGB 237 163 207	#EDA3CF
83.3%	83.3% #F5A9CF	RGB 245 169 207	#F5A9CF
100.0%	100.0% #FDAFD0	RGB 253 175 208	#FDAFD0

#CD8CC9 #D591CB #DD97CC #E59DCE #EDA3CF #F5A9CF #FDAFD0

#CD8CC9 - #E59DCE - #FDAFD0

CSS codes

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

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