#D9DB6B - #FAF39E | 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 #D9DB6B to #FAF39E

#D9DB6B #FAF39E

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

#D9DB6B - #FAF39E | 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 #D9DB6B as 0% and #FAF39E as 100%.

0.0%	0.0% #D9DB6B	RGB 217 219 107	#D9DB6B
16.7%	16.7% #DEDF73	RGB 222 223 115	#DEDF73
33.3%	33.3% #E4E37C	RGB 228 227 124	#E4E37C
50.0%	50.0% #E9E784	RGB 233 231 132	#E9E784
66.7%	66.7% #EFEB8D	RGB 239 235 141	#EFEB8D
83.3%	83.3% #F4EF95	RGB 244 239 149	#F4EF95
100.0%	100.0% #FAF39E	RGB 250 243 158	#FAF39E

#D9DB6B #DEDF73 #E4E37C #E9E784 #EFEB8D #F4EF95 #FAF39E

#D9DB6B - #FAF39E

HSV Blend

#D9DB6B - #FAF39E | 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 #D9DB6B as 0% and #FAF39E as 100%.

0.0%	0.0% #D9DB6B	RGB 217 219 107	#D9DB6B
16.7%	16.7% #DFE072	RGB 223 224 114	#DFE072
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% #F4EF94	RGB 244 239 148	#F4EF94
100.0%	100.0% #FAF39E	RGB 250 243 158	#FAF39E

#D9DB6B #DFE072 #E5E37B #EAE783 #EFEB8C #F4EF94 #FAF39E

#D9DB6B - #EAE783 - #FAF39E

CSS codes

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

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