#CD8CBB - #F0DEEB | 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 #CD8CBB to #F0DEEB

#CD8CBB #F0DEEB

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

#CD8CBB - #F0DEEB | 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 #CD8CBB as 0% and #F0DEEB as 100%.

0.0%	0.0% #CD8CBB	RGB 205 140 187	#CD8CBB
16.7%	16.7% #D299C3	RGB 210 153 195	#D299C3
33.3%	33.3% #D8A7CB	RGB 216 167 203	#D8A7CB
50.0%	50.0% #DEB5D3	RGB 222 181 211	#DEB5D3
66.7%	66.7% #E4C2DB	RGB 228 194 219	#E4C2DB
83.3%	83.3% #EAD0E3	RGB 234 208 227	#EAD0E3
100.0%	100.0% #F0DEEB	RGB 240 222 235	#F0DEEB

#CD8CBB #D299C3 #D8A7CB #DEB5D3 #E4C2DB #EAD0E3 #F0DEEB

#CD8CBB - #F0DEEB

HSV Blend

#CD8CBB - #F0DEEB | 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 #CD8CBB as 0% and #F0DEEB as 100%.

0.0%	0.0% #CD8CBB	RGB 205 140 187	#CD8CBB
16.7%	16.7% #D298C2	RGB 210 152 194	#D298C2
33.3%	33.3% #D8A5CA	RGB 216 165 202	#D8A5CA
50.0%	50.0% #DEB2D2	RGB 222 178 210	#DEB2D2
66.7%	66.7% #E4C0DA	RGB 228 192 218	#E4C0DA
83.3%	83.3% #EACFE2	RGB 234 207 226	#EACFE2
100.0%	100.0% #F0DEEB	RGB 240 222 235	#F0DEEB

#CD8CBB #D298C2 #D8A5CA #DEB2D2 #E4C0DA #EACFE2 #F0DEEB

#CD8CBB - #DEB2D2 - #F0DEEB

CSS codes

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

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