#B39E3C - #DDF89A | 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 #B39E3C to #DDF89A

#B39E3C #DDF89A

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

#B39E3C - #DDF89A | 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 #B39E3C as 0% and #DDF89A as 100%.

0.0%	0.0% #B39E3C	RGB 179 158 60	#B39E3C
16.7%	16.7% #BAAD4B	RGB 186 173 75	#BAAD4B
33.3%	33.3% #C1BC5B	RGB 193 188 91	#C1BC5B
50.0%	50.0% #C8CB6B	RGB 200 203 107	#C8CB6B
66.7%	66.7% #CFDA7A	RGB 207 218 122	#CFDA7A
83.3%	83.3% #D6E98A	RGB 214 233 138	#D6E98A
100.0%	100.0% #DDF89A	RGB 221 248 154	#DDF89A

#B39E3C #BAAD4B #C1BC5B #C8CB6B #CFDA7A #D6E98A #DDF89A

#B39E3C - #DDF89A

HSV Blend

#B39E3C - #DDF89A | 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 #B39E3C as 0% and #DDF89A as 100%.

0.0%	0.0% #B39E3C	RGB 179 158 60	#B39E3C
16.7%	16.7% #BEB248	RGB 190 178 72	#BEB248
33.3%	33.3% #CAC756	RGB 202 199 86	#CAC756
50.0%	50.0% #CFD566	RGB 207 213 102	#CFD566
66.7%	66.7% #D2E176	RGB 210 225 118	#D2E176
83.3%	83.3% #D7EC87	RGB 215 236 135	#D7EC87
100.0%	100.0% #DDF89A	RGB 221 248 154	#DDF89A

#B39E3C #BEB248 #CAC756 #CFD566 #D2E176 #D7EC87 #DDF89A

#B39E3C - #CFD566 - #DDF89A

CSS codes

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

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