#BA882B - #FCDD3E | 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 #BA882B to #FCDD3E

#BA882B #FCDD3E

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

#BA882B - #FCDD3E | 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 #BA882B as 0% and #FCDD3E as 100%.

0.0%	0.0% #BA882B	RGB 186 136 43	#BA882B
16.7%	16.7% #C5962E	RGB 197 150 46	#C5962E
33.3%	33.3% #D0A431	RGB 208 164 49	#D0A431
50.0%	50.0% #DBB234	RGB 219 178 52	#DBB234
66.7%	66.7% #E6C037	RGB 230 192 55	#E6C037
83.3%	83.3% #F1CE3A	RGB 241 206 58	#F1CE3A
100.0%	100.0% #FCDD3E	RGB 252 221 62	#FCDD3E

#BA882B #C5962E #D0A431 #DBB234 #E6C037 #F1CE3A #FCDD3E

#BA882B - #FCDD3E

HSV Blend

#BA882B - #FCDD3E | 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 #BA882B as 0% and #FCDD3E as 100%.

0.0%	0.0% #BA882B	RGB 186 136 43	#BA882B
16.7%	16.7% #C5942E	RGB 197 148 46	#C5942E
33.3%	33.3% #D0A231	RGB 208 162 49	#D0A231
50.0%	50.0% #DBB034	RGB 219 176 52	#DBB034
66.7%	66.7% #E6BE37	RGB 230 190 55	#E6BE37
83.3%	83.3% #F1CD3A	RGB 241 205 58	#F1CD3A
100.0%	100.0% #FCDD3E	RGB 252 221 62	#FCDD3E

#BA882B #C5942E #D0A231 #DBB034 #E6BE37 #F1CD3A #FCDD3E

#BA882B - #DBB034 - #FCDD3E

CSS codes

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

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