#DDEDB2 - #A0CB5D | 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 #DDEDB2 to #A0CB5D

#DDEDB2 #A0CB5D

Calculate the color between two colors, #DDEDB2 and #A0CB5D. 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)

#DDEDB2 - #A0CB5D | 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 #DDEDB2 as 0% and #A0CB5D as 100%.

0.0%	0.0% #DDEDB2	RGB 221 237 178	#DDEDB2
16.7%	16.7% #D2E7A3	RGB 210 231 163	#D2E7A3
33.3%	33.3% #C8E195	RGB 200 225 149	#C8E195
50.0%	50.0% #BEDC87	RGB 190 220 135	#BEDC87
66.7%	66.7% #B4D679	RGB 180 214 121	#B4D679
83.3%	83.3% #AAD06B	RGB 170 208 107	#AAD06B
100.0%	100.0% #A0CB5D	RGB 160 203 93	#A0CB5D

#DDEDB2 #D2E7A3 #C8E195 #BEDC87 #B4D679 #AAD06B #A0CB5D

#DDEDB2 - #A0CB5D

HSV Blend

#DDEDB2 - #A0CB5D | 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 #DDEDB2 as 0% and #A0CB5D as 100%.

0.0%	0.0% #DDEDB2	RGB 221 237 178	#DDEDB2
16.7%	16.7% #D3E7A2	RGB 211 231 162	#D3E7A2
33.3%	33.3% #C9E193	RGB 201 225 147	#C9E193
50.0%	50.0% #BFDC85	RGB 191 220 133	#BFDC85
66.7%	66.7% #B4D677	RGB 180 214 119	#B4D677
83.3%	83.3% #AAD069	RGB 170 208 105	#AAD069
100.0%	100.0% #A0CB5D	RGB 160 203 93	#A0CB5D

#DDEDB2 #D3E7A2 #C9E193 #BFDC85 #B4D677 #AAD069 #A0CB5D

#DDEDB2 - #BFDC85 - #A0CB5D

CSS codes

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

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