#CCDA7E - #3A3E24 | 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 #CCDA7E to #3A3E24

#CCDA7E #3A3E24

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

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

0.0%	0.0% #CCDA7E	RGB 204 218 126	#CCDA7E
16.7%	16.7% #B3C06F	RGB 179 192 111	#B3C06F
33.3%	33.3% #9BA660	RGB 155 166 96	#9BA660
50.0%	50.0% #838C51	RGB 131 140 81	#838C51
66.7%	66.7% #6A7242	RGB 106 114 66	#6A7242
83.3%	83.3% #525833	RGB 82 88 51	#525833
100.0%	100.0% #3A3E24	RGB 58 62 36	#3A3E24

#CCDA7E #B3C06F #9BA660 #838C51 #6A7242 #525833 #3A3E24

#CCDA7E - #3A3E24

HSV Blend

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

0.0%	0.0% #CCDA7E	RGB 204 218 126	#CCDA7E
16.7%	16.7% #B3C06F	RGB 179 192 111	#B3C06F
33.3%	33.3% #9BA660	RGB 155 166 96	#9BA660
50.0%	50.0% #828C51	RGB 130 140 81	#828C51
66.7%	66.7% #6A7242	RGB 106 114 66	#6A7242
83.3%	83.3% #525833	RGB 82 88 51	#525833
100.0%	100.0% #3A3E24	RGB 58 62 36	#3A3E24

#CCDA7E #B3C06F #9BA660 #828C51 #6A7242 #525833 #3A3E24

#CCDA7E - #828C51 - #3A3E24

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCDA7E 0%, #828C51 50%, #3A3E24 100%);
    background: -webkit-linear-gradient(top, #CCDA7E 0%, #828C51 50%, #3A3E24 100%);
    background: linear-gradient(to bottom, #CCDA7E 0%, #828C51 50%, #3A3E24 100%);
}
</style>