#BB9F2B - #FFD44C | 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 #BB9F2B to #FFD44C

#BB9F2B #FFD44C

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

#BB9F2B - #FFD44C | 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 #BB9F2B as 0% and #FFD44C as 100%.

0.0%	0.0% #BB9F2B	RGB 187 159 43	#BB9F2B
16.7%	16.7% #C6A730	RGB 198 167 48	#C6A730
33.3%	33.3% #D1B036	RGB 209 176 54	#D1B036
50.0%	50.0% #DDB93B	RGB 221 185 59	#DDB93B
66.7%	66.7% #E8C241	RGB 232 194 65	#E8C241
83.3%	83.3% #F3CB46	RGB 243 203 70	#F3CB46
100.0%	100.0% #FFD44C	RGB 255 212 76	#FFD44C

#BB9F2B #C6A730 #D1B036 #DDB93B #E8C241 #F3CB46 #FFD44C

#BB9F2B - #FFD44C

HSV Blend

#BB9F2B - #FFD44C | 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 #BB9F2B as 0% and #FFD44C as 100%.

0.0%	0.0% #BB9F2B	RGB 187 159 43	#BB9F2B
16.7%	16.7% #C6A72F	RGB 198 167 47	#C6A72F
33.3%	33.3% #D1B034	RGB 209 176 52	#D1B034
50.0%	50.0% #DDB93A	RGB 221 185 58	#DDB93A
66.7%	66.7% #E8C23F	RGB 232 194 63	#E8C23F
83.3%	83.3% #F3CB45	RGB 243 203 69	#F3CB45
100.0%	100.0% #FFD44C	RGB 255 212 76	#FFD44C

#BB9F2B #C6A72F #D1B034 #DDB93A #E8C23F #F3CB45 #FFD44C

#BB9F2B - #DDB93A - #FFD44C

CSS codes

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

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