#DBE4A1 - #A1BB4B | 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 #DBE4A1 to #A1BB4B

#DBE4A1 #A1BB4B

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

#DBE4A1 - #A1BB4B | 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 #DBE4A1 as 0% and #A1BB4B as 100%.

0.0%	0.0% #DBE4A1	RGB 219 228 161	#DBE4A1
16.7%	16.7% #D1DD92	RGB 209 221 146	#D1DD92
33.3%	33.3% #C7D684	RGB 199 214 132	#C7D684
50.0%	50.0% #BECF76	RGB 190 207 118	#BECF76
66.7%	66.7% #B4C867	RGB 180 200 103	#B4C867
83.3%	83.3% #AAC159	RGB 170 193 89	#AAC159
100.0%	100.0% #A1BB4B	RGB 161 187 75	#A1BB4B

#DBE4A1 #D1DD92 #C7D684 #BECF76 #B4C867 #AAC159 #A1BB4B

#DBE4A1 - #A1BB4B

HSV Blend

#DBE4A1 - #A1BB4B | 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 #DBE4A1 as 0% and #A1BB4B as 100%.

0.0%	0.0% #DBE4A1	RGB 219 228 161	#DBE4A1
16.7%	16.7% #D1DD90	RGB 209 221 144	#D1DD90
33.3%	33.3% #C8D681	RGB 200 214 129	#C8D681
50.0%	50.0% #BECF72	RGB 190 207 114	#BECF72
66.7%	66.7% #B4C864	RGB 180 200 100	#B4C864
83.3%	83.3% #AAC157	RGB 170 193 87	#AAC157
100.0%	100.0% #A1BB4B	RGB 161 187 75	#A1BB4B

#DBE4A1 #D1DD90 #C8D681 #BECF72 #B4C864 #AAC157 #A1BB4B

#DBE4A1 - #BECF72 - #A1BB4B

CSS codes

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

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