#CDC3C9 - #A16D80 | 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 #CDC3C9 to #A16D80

#CDC3C9 #A16D80

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

#CDC3C9 - #A16D80 | 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 #CDC3C9 as 0% and #A16D80 as 100%.

0.0%	0.0% #CDC3C9	RGB 205 195 201	#CDC3C9
16.7%	16.7% #C5B4BC	RGB 197 180 188	#C5B4BC
33.3%	33.3% #BEA6B0	RGB 190 166 176	#BEA6B0
50.0%	50.0% #B798A4	RGB 183 152 164	#B798A4
66.7%	66.7% #AF8998	RGB 175 137 152	#AF8998
83.3%	83.3% #A87B8C	RGB 168 123 140	#A87B8C
100.0%	100.0% #A16D80	RGB 161 109 128	#A16D80

#CDC3C9 #C5B4BC #BEA6B0 #B798A4 #AF8998 #A87B8C #A16D80

#CDC3C9 - #A16D80

HSV Blend

#CDC3C9 - #A16D80 | 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 #CDC3C9 as 0% and #A16D80 as 100%.

0.0%	0.0% #CDC3C9	RGB 205 195 201	#CDC3C9
16.7%	16.7% #C5B2BD	RGB 197 178 189	#C5B2BD
33.3%	33.3% #BEA3B1	RGB 190 163 177	#BEA3B1
50.0%	50.0% #B794A5	RGB 183 148 165	#B794A5
66.7%	66.7% #AF8699	RGB 175 134 153	#AF8699
83.3%	83.3% #A8798C	RGB 168 121 140	#A8798C
100.0%	100.0% #A16D80	RGB 161 109 128	#A16D80

#CDC3C9 #C5B2BD #BEA3B1 #B794A5 #AF8699 #A8798C #A16D80

#CDC3C9 - #B794A5 - #A16D80

CSS codes

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

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