#CD8C9C - #F0DEE2 | 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 #CD8C9C to #F0DEE2

#CD8C9C #F0DEE2

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

#CD8C9C - #F0DEE2 | 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 #CD8C9C as 0% and #F0DEE2 as 100%.

0.0%	0.0% #CD8C9C	RGB 205 140 156	#CD8C9C
16.7%	16.7% #D299A7	RGB 210 153 167	#D299A7
33.3%	33.3% #D8A7B3	RGB 216 167 179	#D8A7B3
50.0%	50.0% #DEB5BF	RGB 222 181 191	#DEB5BF
66.7%	66.7% #E4C2CA	RGB 228 194 202	#E4C2CA
83.3%	83.3% #EAD0D6	RGB 234 208 214	#EAD0D6
100.0%	100.0% #F0DEE2	RGB 240 222 226	#F0DEE2

#CD8C9C #D299A7 #D8A7B3 #DEB5BF #E4C2CA #EAD0D6 #F0DEE2

#CD8C9C - #F0DEE2

HSV Blend

#CD8C9C - #F0DEE2 | 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 #CD8C9C as 0% and #F0DEE2 as 100%.

0.0%	0.0% #CD8C9C	RGB 205 140 156	#CD8C9C
16.7%	16.7% #D298A6	RGB 210 152 166	#D298A6
33.3%	33.3% #D8A5B1	RGB 216 165 177	#D8A5B1
50.0%	50.0% #DEB2BD	RGB 222 178 189	#DEB2BD
66.7%	66.7% #E4C0C8	RGB 228 192 200	#E4C0C8
83.3%	83.3% #EACFD5	RGB 234 207 213	#EACFD5
100.0%	100.0% #F0DEE2	RGB 240 222 226	#F0DEE2

#CD8C9C #D298A6 #D8A5B1 #DEB2BD #E4C0C8 #EACFD5 #F0DEE2

#CD8C9C - #DEB2BD - #F0DEE2

CSS codes

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

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