#CAC2B5 - #908D53 | 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 #CAC2B5 to #908D53

#CAC2B5 #908D53

Calculate the color between two colors, #CAC2B5 and #908D53. 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)

#CAC2B5 - #908D53 | 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 #CAC2B5 as 0% and #908D53 as 100%.

0.0%	0.0% #CAC2B5	RGB 202 194 181	#CAC2B5
16.7%	16.7% #C0B9A4	RGB 192 185 164	#C0B9A4
33.3%	33.3% #B6B094	RGB 182 176 148	#B6B094
50.0%	50.0% #ADA784	RGB 173 167 132	#ADA784
66.7%	66.7% #A39E73	RGB 163 158 115	#A39E73
83.3%	83.3% #999563	RGB 153 149 99	#999563
100.0%	100.0% #908D53	RGB 144 141 83	#908D53

#CAC2B5 #C0B9A4 #B6B094 #ADA784 #A39E73 #999563 #908D53

#CAC2B5 - #908D53

HSV Blend

#CAC2B5 - #908D53 | 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 #CAC2B5 as 0% and #908D53 as 100%.

0.0%	0.0% #CAC2B5	RGB 202 194 181	#CAC2B5
16.7%	16.7% #C0B6A2	RGB 192 182 162	#C0B6A2
33.3%	33.3% #B6AC90	RGB 182 172 144	#B6AC90
50.0%	50.0% #ADA37F	RGB 173 163 127	#ADA37F
66.7%	66.7% #A39B6F	RGB 163 155 111	#A39B6F
83.3%	83.3% #999360	RGB 153 147 96	#999360
100.0%	100.0% #908D53	RGB 144 141 83	#908D53

#CAC2B5 #C0B6A2 #B6AC90 #ADA37F #A39B6F #999360 #908D53

#CAC2B5 - #ADA37F - #908D53

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAC2B5 0%, #ADA37F 50%, #908D53 100%);
    background: -webkit-linear-gradient(top, #CAC2B5 0%, #ADA37F 50%, #908D53 100%);
    background: linear-gradient(to bottom, #CAC2B5 0%, #ADA37F 50%, #908D53 100%);
}
</style>