#DBE2A8 - #A1B752 | 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 #DBE2A8 to #A1B752

#DBE2A8 #A1B752

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

#DBE2A8 - #A1B752 | 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 #DBE2A8 as 0% and #A1B752 as 100%.

0.0%	0.0% #DBE2A8	RGB 219 226 168	#DBE2A8
16.7%	16.7% #D1DA99	RGB 209 218 153	#D1DA99
33.3%	33.3% #C7D38B	RGB 199 211 139	#C7D38B
50.0%	50.0% #BECC7D	RGB 190 204 125	#BECC7D
66.7%	66.7% #B4C56E	RGB 180 197 110	#B4C56E
83.3%	83.3% #AABE60	RGB 170 190 96	#AABE60
100.0%	100.0% #A1B752	RGB 161 183 82	#A1B752

#DBE2A8 #D1DA99 #C7D38B #BECC7D #B4C56E #AABE60 #A1B752

#DBE2A8 - #A1B752

HSV Blend

#DBE2A8 - #A1B752 | 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 #DBE2A8 as 0% and #A1B752 as 100%.

0.0%	0.0% #DBE2A8	RGB 219 226 168	#DBE2A8
16.7%	16.7% #D1DA97	RGB 209 218 151	#D1DA97
33.3%	33.3% #C8D388	RGB 200 211 136	#C8D388
50.0%	50.0% #BECC79	RGB 190 204 121	#BECC79
66.7%	66.7% #B4C56B	RGB 180 197 107	#B4C56B
83.3%	83.3% #AABE5E	RGB 170 190 94	#AABE5E
100.0%	100.0% #A1B752	RGB 161 183 82	#A1B752

#DBE2A8 #D1DA97 #C8D388 #BECC79 #B4C56B #AABE5E #A1B752

#DBE2A8 - #BECC79 - #A1B752

CSS codes

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

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