#CDDAA2 - #82AA3A | 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 #CDDAA2 to #82AA3A

#CDDAA2 #82AA3A

Calculate the color between two colors, #CDDAA2 and #82AA3A. 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)

#CDDAA2 - #82AA3A | 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 #CDDAA2 as 0% and #82AA3A as 100%.

0.0%	0.0% #CDDAA2	RGB 205 218 162	#CDDAA2
16.7%	16.7% #C0D290	RGB 192 210 144	#C0D290
33.3%	33.3% #B4CA7F	RGB 180 202 127	#B4CA7F
50.0%	50.0% #A7C26E	RGB 167 194 110	#A7C26E
66.7%	66.7% #9BBA5C	RGB 155 186 92	#9BBA5C
83.3%	83.3% #8EB24B	RGB 142 178 75	#8EB24B
100.0%	100.0% #82AA3A	RGB 130 170 58	#82AA3A

#CDDAA2 #C0D290 #B4CA7F #A7C26E #9BBA5C #8EB24B #82AA3A

#CDDAA2 - #82AA3A

HSV Blend

#CDDAA2 - #82AA3A | 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 #CDDAA2 as 0% and #82AA3A as 100%.

0.0%	0.0% #CDDAA2	RGB 205 218 162	#CDDAA2
16.7%	16.7% #C0D28D	RGB 192 210 141	#C0D28D
33.3%	33.3% #B4CA7B	RGB 180 202 123	#B4CA7B
50.0%	50.0% #A7C269	RGB 167 194 105	#A7C269
66.7%	66.7% #9BBA58	RGB 155 186 88	#9BBA58
83.3%	83.3% #8EB248	RGB 142 178 72	#8EB248
100.0%	100.0% #82AA3A	RGB 130 170 58	#82AA3A

#CDDAA2 #C0D28D #B4CA7B #A7C269 #9BBA58 #8EB248 #82AA3A

#CDDAA2 - #A7C269 - #82AA3A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDDAA2 0%, #A7C269 50%, #82AA3A 100%);
    background: -webkit-linear-gradient(top, #CDDAA2 0%, #A7C269 50%, #82AA3A 100%);
    background: linear-gradient(to bottom, #CDDAA2 0%, #A7C269 50%, #82AA3A 100%);
}
</style>