#CAC3C4 - #97737B | 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 #CAC3C4 to #97737B

#CAC3C4 #97737B

Calculate the color between two colors, #CAC3C4 and #97737B. 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)

#CAC3C4 - #97737B | 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 #CAC3C4 as 0% and #97737B as 100%.

0.0%	0.0% #CAC3C4	RGB 202 195 196	#CAC3C4
16.7%	16.7% #C1B5B7	RGB 193 181 183	#C1B5B7
33.3%	33.3% #B9A8AB	RGB 185 168 171	#B9A8AB
50.0%	50.0% #B09B9F	RGB 176 155 159	#B09B9F
66.7%	66.7% #A88D93	RGB 168 141 147	#A88D93
83.3%	83.3% #9F8087	RGB 159 128 135	#9F8087
100.0%	100.0% #97737B	RGB 151 115 123	#97737B

#CAC3C4 #C1B5B7 #B9A8AB #B09B9F #A88D93 #9F8087 #97737B

#CAC3C4 - #97737B

HSV Blend

#CAC3C4 - #97737B | 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 #CAC3C4 as 0% and #97737B as 100%.

0.0%	0.0% #CAC3C4	RGB 202 195 196	#CAC3C4
16.7%	16.7% #C1B4B6	RGB 193 180 182	#C1B4B6
33.3%	33.3% #B9A6A9	RGB 185 166 169	#B9A6A9
50.0%	50.0% #B0989C	RGB 176 152 156	#B0989C
66.7%	66.7% #A88B90	RGB 168 139 144	#A88B90
83.3%	83.3% #9F7E85	RGB 159 126 133	#9F7E85
100.0%	100.0% #97737B	RGB 151 115 123	#97737B

#CAC3C4 #C1B4B6 #B9A6A9 #B0989C #A88B90 #9F7E85 #97737B

#CAC3C4 - #B0989C - #97737B

CSS codes

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

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