#D2DA3C - #FFF379 | 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 #D2DA3C to #FFF379

#D2DA3C #FFF379

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

#D2DA3C - #FFF379 | 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 #D2DA3C as 0% and #FFF379 as 100%.

0.0%	0.0% #D2DA3C	RGB 210 218 60	#D2DA3C
16.7%	16.7% #D9DE46	RGB 217 222 70	#D9DE46
33.3%	33.3% #E1E250	RGB 225 226 80	#E1E250
50.0%	50.0% #E8E65A	RGB 232 230 90	#E8E65A
66.7%	66.7% #F0EA64	RGB 240 234 100	#F0EA64
83.3%	83.3% #F7EE6E	RGB 247 238 110	#F7EE6E
100.0%	100.0% #FFF379	RGB 255 243 121	#FFF379

#D2DA3C #D9DE46 #E1E250 #E8E65A #F0EA64 #F7EE6E #FFF379

#D2DA3C - #FFF379

HSV Blend

#D2DA3C - #FFF379 | 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 #D2DA3C as 0% and #FFF379 as 100%.

0.0%	0.0% #D2DA3C	RGB 210 218 60	#D2DA3C
16.7%	16.7% #DBE045	RGB 219 224 69	#DBE045
33.3%	33.3% #E5E64E	RGB 229 230 78	#E5E64E
50.0%	50.0% #ECE958	RGB 236 233 88	#ECE958
66.7%	66.7% #F2EC63	RGB 242 236 99	#F2EC63
83.3%	83.3% #F8EF6D	RGB 248 239 109	#F8EF6D
100.0%	100.0% #FFF379	RGB 255 243 121	#FFF379

#D2DA3C #DBE045 #E5E64E #ECE958 #F2EC63 #F8EF6D #FFF379

#D2DA3C - #ECE958 - #FFF379

CSS codes

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

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