#BF2B2E - #FFAA6B | 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 #BF2B2E to #FFAA6B

#BF2B2E #FFAA6B

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

#BF2B2E - #FFAA6B | 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 #BF2B2E as 0% and #FFAA6B as 100%.

0.0%	0.0% #BF2B2E	RGB 191 43 46	#BF2B2E
16.7%	16.7% #C94038	RGB 201 64 56	#C94038
33.3%	33.3% #D45542	RGB 212 85 66	#D45542
50.0%	50.0% #DF6A4C	RGB 223 106 76	#DF6A4C
66.7%	66.7% #E97F56	RGB 233 127 86	#E97F56
83.3%	83.3% #F49460	RGB 244 148 96	#F49460
100.0%	100.0% #FFAA6B	RGB 255 170 107	#FFAA6B

#BF2B2E #C94038 #D45542 #DF6A4C #E97F56 #F49460 #FFAA6B

#BF2B2E - #FFAA6B

HSV Blend

#BF2B2E - #FFAA6B | 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 #BF2B2E as 0% and #FFAA6B as 100%.

0.0%	0.0% #BF2B2E	RGB 191 43 46	#BF2B2E
16.7%	16.7% #C93C33	RGB 201 60 51	#C93C33
33.3%	33.3% #D4503D	RGB 212 80 61	#D4503D
50.0%	50.0% #DF6647	RGB 223 102 71	#DF6647
66.7%	66.7% #E97C52	RGB 233 124 82	#E97C52
83.3%	83.3% #F4935E	RGB 244 147 94	#F4935E
100.0%	100.0% #FFAA6B	RGB 255 170 107	#FFAA6B

#BF2B2E #C93C33 #D4503D #DF6647 #E97C52 #F4935E #FFAA6B

#BF2B2E - #DF6647 - #FFAA6B

CSS codes

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

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