#CDC3C4 - #97757A | 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 #CDC3C4 to #97757A

#CDC3C4 #97757A

Calculate the color between two colors, #CDC3C4 and #97757A. 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)

#CDC3C4 - #97757A | 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 #CDC3C4 as 0% and #97757A as 100%.

0.0%	0.0% #CDC3C4	RGB 205 195 196	#CDC3C4
16.7%	16.7% #C4B6B7	RGB 196 182 183	#C4B6B7
33.3%	33.3% #BBA9AB	RGB 187 169 171	#BBA9AB
50.0%	50.0% #B29C9F	RGB 178 156 159	#B29C9F
66.7%	66.7% #A98F92	RGB 169 143 146	#A98F92
83.3%	83.3% #A08286	RGB 160 130 134	#A08286
100.0%	100.0% #97757A	RGB 151 117 122	#97757A

#CDC3C4 #C4B6B7 #BBA9AB #B29C9F #A98F92 #A08286 #97757A

#CDC3C4 - #97757A

HSV Blend

#CDC3C4 - #97757A | 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 #CDC3C4 as 0% and #97757A as 100%.

0.0%	0.0% #CDC3C4	RGB 205 195 196	#CDC3C4
16.7%	16.7% #C4B4B6	RGB 196 180 182	#C4B4B6
33.3%	33.3% #BBA6A9	RGB 187 166 169	#BBA6A9
50.0%	50.0% #B2999C	RGB 178 153 156	#B2999C
66.7%	66.7% #A98C90	RGB 169 140 144	#A98C90
83.3%	83.3% #A08085	RGB 160 128 133	#A08085
100.0%	100.0% #97757A	RGB 151 117 122	#97757A

#CDC3C4 #C4B4B6 #BBA6A9 #B2999C #A98C90 #A08085 #97757A

#CDC3C4 - #B2999C - #97757A

CSS codes

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

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