#B5990B - #FFCF2B | 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 #B5990B to #FFCF2B

#B5990B #FFCF2B

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

#B5990B - #FFCF2B | 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 #B5990B as 0% and #FFCF2B as 100%.

0.0%	0.0% #B5990B	RGB 181 153 11	#B5990B
16.7%	16.7% #C1A210	RGB 193 162 16	#C1A210
33.3%	33.3% #CDAB15	RGB 205 171 21	#CDAB15
50.0%	50.0% #DAB41B	RGB 218 180 27	#DAB41B
66.7%	66.7% #E6BD20	RGB 230 189 32	#E6BD20
83.3%	83.3% #F2C625	RGB 242 198 37	#F2C625
100.0%	100.0% #FFCF2B	RGB 255 207 43	#FFCF2B

#B5990B #C1A210 #CDAB15 #DAB41B #E6BD20 #F2C625 #FFCF2B

#B5990B - #FFCF2B

HSV Blend

#B5990B - #FFCF2B | 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 #B5990B as 0% and #FFCF2B as 100%.

0.0%	0.0% #B5990B	RGB 181 153 11	#B5990B
16.7%	16.7% #C1A20F	RGB 193 162 15	#C1A20F
33.3%	33.3% #CDAB13	RGB 205 171 19	#CDAB13
50.0%	50.0% #DAB419	RGB 218 180 25	#DAB419
66.7%	66.7% #E6BD1E	RGB 230 189 30	#E6BD1E
83.3%	83.3% #F2C624	RGB 242 198 36	#F2C624
100.0%	100.0% #FFCF2B	RGB 255 207 43	#FFCF2B

#B5990B #C1A20F #CDAB13 #DAB419 #E6BD1E #F2C624 #FFCF2B

#B5990B - #DAB419 - #FFCF2B

CSS codes

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

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