#B05E4B - #FAA966 | 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 #B05E4B to #FAA966

#B05E4B #FAA966

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

#B05E4B - #FAA966 | 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 #B05E4B as 0% and #FAA966 as 100%.

0.0%	0.0% #B05E4B	RGB 176 94 75	#B05E4B
16.7%	16.7% #BC6A4F	RGB 188 106 79	#BC6A4F
33.3%	33.3% #C87754	RGB 200 119 84	#C87754
50.0%	50.0% #D58358	RGB 213 131 88	#D58358
66.7%	66.7% #E1905D	RGB 225 144 93	#E1905D
83.3%	83.3% #ED9C61	RGB 237 156 97	#ED9C61
100.0%	100.0% #FAA966	RGB 250 169 102	#FAA966

#B05E4B #BC6A4F #C87754 #D58358 #E1905D #ED9C61 #FAA966

#B05E4B - #FAA966

HSV Blend

#B05E4B - #FAA966 | 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 #B05E4B as 0% and #FAA966 as 100%.

0.0%	0.0% #B05E4B	RGB 176 94 75	#B05E4B
16.7%	16.7% #BC684F	RGB 188 104 79	#BC684F
33.3%	33.3% #C87454	RGB 200 116 84	#C87454
50.0%	50.0% #D58058	RGB 213 128 88	#D58058
66.7%	66.7% #E18D5D	RGB 225 141 93	#E18D5D
83.3%	83.3% #ED9A61	RGB 237 154 97	#ED9A61
100.0%	100.0% #FAA966	RGB 250 169 102	#FAA966

#B05E4B #BC684F #C87454 #D58058 #E18D5D #ED9A61 #FAA966

#B05E4B - #D58058 - #FAA966

CSS codes

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

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