#DBEAA2 - #C0D04B | 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 #DBEAA2 to #C0D04B

#DBEAA2 #C0D04B

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

#DBEAA2 - #C0D04B | 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 #DBEAA2 as 0% and #C0D04B as 100%.

0.0%	0.0% #DBEAA2	RGB 219 234 162	#DBEAA2
16.7%	16.7% #D6E593	RGB 214 229 147	#D6E593
33.3%	33.3% #D2E185	RGB 210 225 133	#D2E185
50.0%	50.0% #CDDD76	RGB 205 221 118	#CDDD76
66.7%	66.7% #C9D868	RGB 201 216 104	#C9D868
83.3%	83.3% #C4D459	RGB 196 212 89	#C4D459
100.0%	100.0% #C0D04B	RGB 192 208 75	#C0D04B

#DBEAA2 #D6E593 #D2E185 #CDDD76 #C9D868 #C4D459 #C0D04B

#DBEAA2 - #C0D04B

HSV Blend

#DBEAA2 - #C0D04B | 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 #DBEAA2 as 0% and #C0D04B as 100%.

0.0%	0.0% #DBEAA2	RGB 219 234 162	#DBEAA2
16.7%	16.7% #D5E592	RGB 213 229 146	#D5E592
33.3%	33.3% #D0E183	RGB 208 225 131	#D0E183
50.0%	50.0% #CBDD74	RGB 203 221 116	#CBDD74
66.7%	66.7% #C7D866	RGB 199 216 102	#C7D866
83.3%	83.3% #C3D458	RGB 195 212 88	#C3D458
100.0%	100.0% #C0D04B	RGB 192 208 75	#C0D04B

#DBEAA2 #D5E592 #D0E183 #CBDD74 #C7D866 #C3D458 #C0D04B

#DBEAA2 - #CBDD74 - #C0D04B

CSS codes

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

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