#B05D62 - #FCA874 | 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 #B05D62 to #FCA874

#B05D62 #FCA874

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

#B05D62 - #FCA874 | 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 #B05D62 as 0% and #FCA874 as 100%.

0.0%	0.0% #B05D62	RGB 176 93 98	#B05D62
16.7%	16.7% #BC6965	RGB 188 105 101	#BC6965
33.3%	33.3% #C97668	RGB 201 118 104	#C97668
50.0%	50.0% #D6826B	RGB 214 130 107	#D6826B
66.7%	66.7% #E28F6E	RGB 226 143 110	#E28F6E
83.3%	83.3% #EF9B71	RGB 239 155 113	#EF9B71
100.0%	100.0% #FCA874	RGB 252 168 116	#FCA874

#B05D62 #BC6965 #C97668 #D6826B #E28F6E #EF9B71 #FCA874

#B05D62 - #FCA874

HSV Blend

#B05D62 - #FCA874 | 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 #B05D62 as 0% and #FCA874 as 100%.

0.0%	0.0% #B05D62	RGB 176 93 98	#B05D62
16.7%	16.7% #BC6261	RGB 188 98 97	#BC6261
33.3%	33.3% #C96E65	RGB 201 110 101	#C96E65
50.0%	50.0% #D67B69	RGB 214 123 105	#D67B69
66.7%	66.7% #E2896D	RGB 226 137 109	#E2896D
83.3%	83.3% #EF9770	RGB 239 151 112	#EF9770
100.0%	100.0% #FCA874	RGB 252 168 116	#FCA874

#B05D62 #BC6261 #C96E65 #D67B69 #E2896D #EF9770 #FCA874

#B05D62 - #D67B69 - #FCA874

CSS codes

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

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