#CACAC5 - #9D9274 | 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 #CACAC5 to #9D9274

#CACAC5 #9D9274

Calculate the color between two colors, #CACAC5 and #9D9274. 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)

#CACAC5 - #9D9274 | 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 #CACAC5 as 0% and #9D9274 as 100%.

0.0%	0.0% #CACAC5	RGB 202 202 197	#CACAC5
16.7%	16.7% #C2C0B7	RGB 194 192 183	#C2C0B7
33.3%	33.3% #BBB7AA	RGB 187 183 170	#BBB7AA
50.0%	50.0% #B3AE9C	RGB 179 174 156	#B3AE9C
66.7%	66.7% #ACA48F	RGB 172 164 143	#ACA48F
83.3%	83.3% #A49B81	RGB 164 155 129	#A49B81
100.0%	100.0% #9D9274	RGB 157 146 116	#9D9274

#CACAC5 #C2C0B7 #BBB7AA #B3AE9C #ACA48F #A49B81 #9D9274

#CACAC5 - #9D9274

HSV Blend

#CACAC5 - #9D9274 | 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 #CACAC5 as 0% and #9D9274 as 100%.

0.0%	0.0% #CACAC5	RGB 202 202 197	#CACAC5
16.7%	16.7% #C2C1B6	RGB 194 193 182	#C2C1B6
33.3%	33.3% #BBB9A7	RGB 187 185 167	#BBB9A7
50.0%	50.0% #B3B099	RGB 179 176 153	#B3B099
66.7%	66.7% #ACA68C	RGB 172 166 140	#ACA68C
83.3%	83.3% #A49C80	RGB 164 156 128	#A49C80
100.0%	100.0% #9D9274	RGB 157 146 116	#9D9274

#CACAC5 #C2C1B6 #BBB9A7 #B3B099 #ACA68C #A49C80 #9D9274

#CACAC5 - #B3B099 - #9D9274

CSS codes

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

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