#B7525B - #FE9F6B | 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 #B7525B to #FE9F6B

#B7525B #FE9F6B

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

#B7525B - #FE9F6B | 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 #B7525B as 0% and #FE9F6B as 100%.

0.0%	0.0% #B7525B	RGB 183 82 91	#B7525B
16.7%	16.7% #C25E5D	RGB 194 94 93	#C25E5D
33.3%	33.3% #CE6B60	RGB 206 107 96	#CE6B60
50.0%	50.0% #DA7863	RGB 218 120 99	#DA7863
66.7%	66.7% #E68565	RGB 230 133 101	#E68565
83.3%	83.3% #F29268	RGB 242 146 104	#F29268
100.0%	100.0% #FE9F6B	RGB 254 159 107	#FE9F6B

#B7525B #C25E5D #CE6B60 #DA7863 #E68565 #F29268 #FE9F6B

#B7525B - #FE9F6B

HSV Blend

#B7525B - #FE9F6B | 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 #B7525B as 0% and #FE9F6B as 100%.

0.0%	0.0% #B7525B	RGB 183 82 91	#B7525B
16.7%	16.7% #C25658	RGB 194 86 88	#C25658
33.3%	33.3% #CE615A	RGB 206 97 90	#CE615A
50.0%	50.0% #DA6F5E	RGB 218 111 94	#DA6F5E
66.7%	66.7% #E67E63	RGB 230 126 99	#E67E63
83.3%	83.3% #F28E67	RGB 242 142 103	#F28E67
100.0%	100.0% #FE9F6B	RGB 254 159 107	#FE9F6B

#B7525B #C25658 #CE615A #DA6F5E #E67E63 #F28E67 #FE9F6B

#B7525B - #DA6F5E - #FE9F6B

CSS codes

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

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