#C3C49D - #868D48 | 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 #C3C49D to #868D48

#C3C49D #868D48

Calculate the color between two colors, #C3C49D and #868D48. 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)

#C3C49D - #868D48 | 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 #C3C49D as 0% and #868D48 as 100%.

0.0%	0.0% #C3C49D	RGB 195 196 157	#C3C49D
16.7%	16.7% #B8BA8E	RGB 184 186 142	#B8BA8E
33.3%	33.3% #AEB180	RGB 174 177 128	#AEB180
50.0%	50.0% #A4A872	RGB 164 168 114	#A4A872
66.7%	66.7% #9A9F64	RGB 154 159 100	#9A9F64
83.3%	83.3% #909656	RGB 144 150 86	#909656
100.0%	100.0% #868D48	RGB 134 141 72	#868D48

#C3C49D #B8BA8E #AEB180 #A4A872 #9A9F64 #909656 #868D48

#C3C49D - #868D48

HSV Blend

#C3C49D - #868D48 | 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 #C3C49D as 0% and #868D48 as 100%.

0.0%	0.0% #C3C49D	RGB 195 196 157	#C3C49D
16.7%	16.7% #B9BA8C	RGB 185 186 140	#B9BA8C
33.3%	33.3% #AEB17D	RGB 174 177 125	#AEB17D
50.0%	50.0% #A4A86E	RGB 164 168 110	#A4A86E
66.7%	66.7% #9A9F60	RGB 154 159 96	#9A9F60
83.3%	83.3% #909653	RGB 144 150 83	#909653
100.0%	100.0% #868D48	RGB 134 141 72	#868D48

#C3C49D #B9BA8C #AEB17D #A4A86E #9A9F60 #909653 #868D48

#C3C49D - #A4A86E - #868D48

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C49D 0%, #A4A86E 50%, #868D48 100%);
    background: -webkit-linear-gradient(top, #C3C49D 0%, #A4A86E 50%, #868D48 100%);
    background: linear-gradient(to bottom, #C3C49D 0%, #A4A86E 50%, #868D48 100%);
}
</style>