#C0BEAF - #96835B | 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 #C0BEAF to #96835B

#C0BEAF #96835B

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

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

0.0%	0.0% #C0BEAF	RGB 192 190 175	#C0BEAF
16.7%	16.7% #B9B4A1	RGB 185 180 161	#B9B4A1
33.3%	33.3% #B2AA93	RGB 178 170 147	#B2AA93
50.0%	50.0% #ABA085	RGB 171 160 133	#ABA085
66.7%	66.7% #A49677	RGB 164 150 119	#A49677
83.3%	83.3% #9D8C69	RGB 157 140 105	#9D8C69
100.0%	100.0% #96835B	RGB 150 131 91	#96835B

#C0BEAF #B9B4A1 #B2AA93 #ABA085 #A49677 #9D8C69 #96835B

#C0BEAF - #96835B

HSV Blend

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

0.0%	0.0% #C0BEAF	RGB 192 190 175	#C0BEAF
16.7%	16.7% #B9B59F	RGB 185 181 159	#B9B59F
33.3%	33.3% #B2AB90	RGB 178 171 144	#B2AB90
50.0%	50.0% #ABA181	RGB 171 161 129	#ABA181
66.7%	66.7% #A49774	RGB 164 151 116	#A49774
83.3%	83.3% #9D8D67	RGB 157 141 103	#9D8D67
100.0%	100.0% #96835B	RGB 150 131 91	#96835B

#C0BEAF #B9B59F #B2AB90 #ABA181 #A49774 #9D8D67 #96835B

#C0BEAF - #ABA181 - #96835B

CSS codes

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

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