#DBDC6B - #F9F39F | 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 #DBDC6B to #F9F39F

#DBDC6B #F9F39F

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

#DBDC6B - #F9F39F | 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 #DBDC6B as 0% and #F9F39F as 100%.

0.0%	0.0% #DBDC6B	RGB 219 220 107	#DBDC6B
16.7%	16.7% #E0DF73	RGB 224 223 115	#E0DF73
33.3%	33.3% #E5E37C	RGB 229 227 124	#E5E37C
50.0%	50.0% #EAE785	RGB 234 231 133	#EAE785
66.7%	66.7% #EFEB8D	RGB 239 235 141	#EFEB8D
83.3%	83.3% #F4EF96	RGB 244 239 150	#F4EF96
100.0%	100.0% #F9F39F	RGB 249 243 159	#F9F39F

#DBDC6B #E0DF73 #E5E37C #EAE785 #EFEB8D #F4EF96 #F9F39F

#DBDC6B - #F9F39F

HSV Blend

#DBDC6B - #F9F39F | 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 #DBDC6B as 0% and #F9F39F as 100%.

0.0%	0.0% #DBDC6B	RGB 219 220 107	#DBDC6B
16.7%	16.7% #E0E073	RGB 224 224 115	#E0E073
33.3%	33.3% #E5E37B	RGB 229 227 123	#E5E37B
50.0%	50.0% #EAE783	RGB 234 231 131	#EAE783
66.7%	66.7% #EFEB8C	RGB 239 235 140	#EFEB8C
83.3%	83.3% #F4EF95	RGB 244 239 149	#F4EF95
100.0%	100.0% #F9F39F	RGB 249 243 159	#F9F39F

#DBDC6B #E0E073 #E5E37B #EAE783 #EFEB8C #F4EF95 #F9F39F

#DBDC6B - #EAE783 - #F9F39F

CSS codes

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

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