#BD5E2F - #FDA642 | 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 #BD5E2F to #FDA642

#BD5E2F #FDA642

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

#BD5E2F - #FDA642 | 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 #BD5E2F as 0% and #FDA642 as 100%.

0.0%	0.0% #BD5E2F	RGB 189 94 47	#BD5E2F
16.7%	16.7% #C76A32	RGB 199 106 50	#C76A32
33.3%	33.3% #D27635	RGB 210 118 53	#D27635
50.0%	50.0% #DD8238	RGB 221 130 56	#DD8238
66.7%	66.7% #E78E3B	RGB 231 142 59	#E78E3B
83.3%	83.3% #F29A3E	RGB 242 154 62	#F29A3E
100.0%	100.0% #FDA642	RGB 253 166 66	#FDA642

#BD5E2F #C76A32 #D27635 #DD8238 #E78E3B #F29A3E #FDA642

#BD5E2F - #FDA642

HSV Blend

#BD5E2F - #FDA642 | 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 #BD5E2F as 0% and #FDA642 as 100%.

0.0%	0.0% #BD5E2F	RGB 189 94 47	#BD5E2F
16.7%	16.7% #C76832	RGB 199 104 50	#C76832
33.3%	33.3% #D27335	RGB 210 115 53	#D27335
50.0%	50.0% #DD7F38	RGB 221 127 56	#DD7F38
66.7%	66.7% #E78B3B	RGB 231 139 59	#E78B3B
83.3%	83.3% #F2983E	RGB 242 152 62	#F2983E
100.0%	100.0% #FDA642	RGB 253 166 66	#FDA642

#BD5E2F #C76832 #D27335 #DD7F38 #E78B3B #F2983E #FDA642

#BD5E2F - #DD7F38 - #FDA642

CSS codes

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

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