#CAC3C7 - #97738C | 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 #CAC3C7 to #97738C

#CAC3C7 #97738C

Calculate the color between two colors, #CAC3C7 and #97738C. 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)

#CAC3C7 - #97738C | 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 #CAC3C7 as 0% and #97738C as 100%.

0.0%	0.0% #CAC3C7	RGB 202 195 199	#CAC3C7
16.7%	16.7% #C1B5BD	RGB 193 181 189	#C1B5BD
33.3%	33.3% #B9A8B3	RGB 185 168 179	#B9A8B3
50.0%	50.0% #B09BA9	RGB 176 155 169	#B09BA9
66.7%	66.7% #A88D9F	RGB 168 141 159	#A88D9F
83.3%	83.3% #9F8095	RGB 159 128 149	#9F8095
100.0%	100.0% #97738C	RGB 151 115 140	#97738C

#CAC3C7 #C1B5BD #B9A8B3 #B09BA9 #A88D9F #9F8095 #97738C

#CAC3C7 - #97738C

HSV Blend

#CAC3C7 - #97738C | 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 #CAC3C7 as 0% and #97738C as 100%.

0.0%	0.0% #CAC3C7	RGB 202 195 199	#CAC3C7
16.7%	16.7% #C1B4BC	RGB 193 180 188	#C1B4BC
33.3%	33.3% #B9A6B1	RGB 185 166 177	#B9A6B1
50.0%	50.0% #B098A7	RGB 176 152 167	#B098A7
66.7%	66.7% #A88B9E	RGB 168 139 158	#A88B9E
83.3%	83.3% #9F7E94	RGB 159 126 148	#9F7E94
100.0%	100.0% #97738C	RGB 151 115 140	#97738C

#CAC3C7 #C1B4BC #B9A6B1 #B098A7 #A88B9E #9F7E94 #97738C

#CAC3C7 - #B098A7 - #97738C

CSS codes

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

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