#CDC8D2 - #81728E | 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 #CDC8D2 to #81728E

#CDC8D2 #81728E

Calculate the color between two colors, #CDC8D2 and #81728E. 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)

#CDC8D2 - #81728E | 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 #CDC8D2 as 0% and #81728E as 100%.

0.0%	0.0% #CDC8D2	RGB 205 200 210	#CDC8D2
16.7%	16.7% #C0B9C6	RGB 192 185 198	#C0B9C6
33.3%	33.3% #B3ABBB	RGB 179 171 187	#B3ABBB
50.0%	50.0% #A79DB0	RGB 167 157 176	#A79DB0
66.7%	66.7% #9A8EA4	RGB 154 142 164	#9A8EA4
83.3%	83.3% #8D8099	RGB 141 128 153	#8D8099
100.0%	100.0% #81728E	RGB 129 114 142	#81728E

#CDC8D2 #C0B9C6 #B3ABBB #A79DB0 #9A8EA4 #8D8099 #81728E

#CDC8D2 - #81728E

HSV Blend

#CDC8D2 - #81728E | 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 #CDC8D2 as 0% and #81728E as 100%.

0.0%	0.0% #CDC8D2	RGB 205 200 210	#CDC8D2
16.7%	16.7% #BFB8C6	RGB 191 184 198	#BFB8C6
33.3%	33.3% #B2A9BB	RGB 178 169 187	#B2A9BB
50.0%	50.0% #A59AB0	RGB 165 154 176	#A59AB0
66.7%	66.7% #998CA4	RGB 153 140 164	#998CA4
83.3%	83.3% #8C7E99	RGB 140 126 153	#8C7E99
100.0%	100.0% #81728E	RGB 129 114 142	#81728E

#CDC8D2 #BFB8C6 #B2A9BB #A59AB0 #998CA4 #8C7E99 #81728E

#CDC8D2 - #A59AB0 - #81728E

CSS codes

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

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