#DBE6A8 - #A0BE52 | 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 #DBE6A8 to #A0BE52

#DBE6A8 #A0BE52

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

#DBE6A8 - #A0BE52 | 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 #DBE6A8 as 0% and #A0BE52 as 100%.

0.0%	0.0% #DBE6A8	RGB 219 230 168	#DBE6A8
16.7%	16.7% #D1DF99	RGB 209 223 153	#D1DF99
33.3%	33.3% #C7D88B	RGB 199 216 139	#C7D88B
50.0%	50.0% #BDD27D	RGB 189 210 125	#BDD27D
66.7%	66.7% #B3CB6E	RGB 179 203 110	#B3CB6E
83.3%	83.3% #A9C460	RGB 169 196 96	#A9C460
100.0%	100.0% #A0BE52	RGB 160 190 82	#A0BE52

#DBE6A8 #D1DF99 #C7D88B #BDD27D #B3CB6E #A9C460 #A0BE52

#DBE6A8 - #A0BE52

HSV Blend

#DBE6A8 - #A0BE52 | 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 #DBE6A8 as 0% and #A0BE52 as 100%.

0.0%	0.0% #DBE6A8	RGB 219 230 168	#DBE6A8
16.7%	16.7% #D1DF98	RGB 209 223 152	#D1DF98
33.3%	33.3% #C7D888	RGB 199 216 136	#C7D888
50.0%	50.0% #BDD27A	RGB 189 210 122	#BDD27A
66.7%	66.7% #B4CB6C	RGB 180 203 108	#B4CB6C
83.3%	83.3% #AAC45E	RGB 170 196 94	#AAC45E
100.0%	100.0% #A0BE52	RGB 160 190 82	#A0BE52

#DBE6A8 #D1DF98 #C7D888 #BDD27A #B4CB6C #AAC45E #A0BE52

#DBE6A8 - #BDD27A - #A0BE52

CSS codes

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

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