#724C1B - #CCCD5E | 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 #724C1B to #CCCD5E

#724C1B #CCCD5E

Calculate the color between two colors, #724C1B and #CCCD5E. 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)

#724C1B - #CCCD5E | 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 #724C1B as 0% and #CCCD5E as 100%.

0.0%	0.0% #724C1B	RGB 114 76 27	#724C1B
16.7%	16.7% #816126	RGB 129 97 38	#816126
33.3%	33.3% #907731	RGB 144 119 49	#907731
50.0%	50.0% #9F8C3C	RGB 159 140 60	#9F8C3C
66.7%	66.7% #AEA247	RGB 174 162 71	#AEA247
83.3%	83.3% #BDB752	RGB 189 183 82	#BDB752
100.0%	100.0% #CCCD5E	RGB 204 205 94	#CCCD5E

#724C1B #816126 #907731 #9F8C3C #AEA247 #BDB752 #CCCD5E

#724C1B - #CCCD5E

HSV Blend

#724C1B - #CCCD5E | 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 #724C1B as 0% and #CCCD5E as 100%.

0.0%	0.0% #724C1B	RGB 114 76 27	#724C1B
16.7%	16.7% #815F23	RGB 129 95 35	#815F23
33.3%	33.3% #90732C	RGB 144 115 44	#90732C
50.0%	50.0% #9F8937	RGB 159 137 55	#9F8937
66.7%	66.7% #AE9F43	RGB 174 159 67	#AE9F43
83.3%	83.3% #BDB650	RGB 189 182 80	#BDB650
100.0%	100.0% #CCCD5E	RGB 204 205 94	#CCCD5E

#724C1B #815F23 #90732C #9F8937 #AE9F43 #BDB650 #CCCD5E

#724C1B - #9F8937 - #CCCD5E

CSS codes

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

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