#CCBD5E - #3A351A | 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 #CCBD5E to #3A351A

#CCBD5E #3A351A

Calculate the color between two colors, #CCBD5E and #3A351A. 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)

#CCBD5E - #3A351A | 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 #CCBD5E as 0% and #3A351A as 100%.

0.0%	0.0% #CCBD5E	RGB 204 189 94	#CCBD5E
16.7%	16.7% #B3A652	RGB 179 166 82	#B3A652
33.3%	33.3% #9B8F47	RGB 155 143 71	#9B8F47
50.0%	50.0% #83793C	RGB 131 121 60	#83793C
66.7%	66.7% #6A6230	RGB 106 98 48	#6A6230
83.3%	83.3% #524B25	RGB 82 75 37	#524B25
100.0%	100.0% #3A351A	RGB 58 53 26	#3A351A

#CCBD5E #B3A652 #9B8F47 #83793C #6A6230 #524B25 #3A351A

#CCBD5E - #3A351A

HSV Blend

#CCBD5E - #3A351A | 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 #CCBD5E as 0% and #3A351A as 100%.

0.0%	0.0% #CCBD5D	RGB 204 189 93	#CCBD5D
16.7%	16.7% #B3A652	RGB 179 166 82	#B3A652
33.3%	33.3% #9B8F46	RGB 155 143 70	#9B8F46
50.0%	50.0% #83783B	RGB 131 120 59	#83783B
66.7%	66.7% #6A6130	RGB 106 97 48	#6A6130
83.3%	83.3% #524B25	RGB 82 75 37	#524B25
100.0%	100.0% #3A351A	RGB 58 53 26	#3A351A

#CCBD5D #B3A652 #9B8F46 #83783B #6A6130 #524B25 #3A351A

#CCBD5E - #83783B - #3A351A

CSS codes

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

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