#CCCD5E - #3A391A | 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 #CCCD5E to #3A391A

#CCCD5E #3A391A

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

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

0.0%	0.0% #CCCD5E	RGB 204 205 94	#CCCD5E
16.7%	16.7% #B3B452	RGB 179 180 82	#B3B452
33.3%	33.3% #9B9B47	RGB 155 155 71	#9B9B47
50.0%	50.0% #83833C	RGB 131 131 60	#83833C
66.7%	66.7% #6A6A30	RGB 106 106 48	#6A6A30
83.3%	83.3% #525125	RGB 82 81 37	#525125
100.0%	100.0% #3A391A	RGB 58 57 26	#3A391A

#CCCD5E #B3B452 #9B9B47 #83833C #6A6A30 #525125 #3A391A

#CCCD5E - #3A391A

HSV Blend

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

0.0%	0.0% #CCCD5E	RGB 204 205 94	#CCCD5E
16.7%	16.7% #B4B452	RGB 180 180 82	#B4B452
33.3%	33.3% #9C9B46	RGB 156 155 70	#9C9B46
50.0%	50.0% #83823B	RGB 131 130 59	#83823B
66.7%	66.7% #6B6930	RGB 107 105 48	#6B6930
83.3%	83.3% #525125	RGB 82 81 37	#525125
100.0%	100.0% #3A391A	RGB 58 57 26	#3A391A

#CCCD5E #B4B452 #9C9B46 #83823B #6B6930 #525125 #3A391A

#CCCD5E - #83823B - #3A391A

CSS codes

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

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