#BF5E61 - #FFAB72 | 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 #BF5E61 to #FFAB72

#BF5E61 #FFAB72

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

#BF5E61 - #FFAB72 | 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 #BF5E61 as 0% and #FFAB72 as 100%.

0.0%	0.0% #BF5E61	RGB 191 94 97	#BF5E61
16.7%	16.7% #C96A63	RGB 201 106 99	#C96A63
33.3%	33.3% #D47766	RGB 212 119 102	#D47766
50.0%	50.0% #DF8469	RGB 223 132 105	#DF8469
66.7%	66.7% #E9916C	RGB 233 145 108	#E9916C
83.3%	83.3% #F49E6F	RGB 244 158 111	#F49E6F
100.0%	100.0% #FFAB72	RGB 255 171 114	#FFAB72

#BF5E61 #C96A63 #D47766 #DF8469 #E9916C #F49E6F #FFAB72

#BF5E61 - #FFAB72

HSV Blend

#BF5E61 - #FFAB72 | 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 #BF5E61 as 0% and #FFAB72 as 100%.

0.0%	0.0% #BF5E61	RGB 191 94 97	#BF5E61
16.7%	16.7% #C96661	RGB 201 102 97	#C96661
33.3%	33.3% #D47165	RGB 212 113 101	#D47165
50.0%	50.0% #DF7E68	RGB 223 126 104	#DF7E68
66.7%	66.7% #E98C6B	RGB 233 140 107	#E98C6B
83.3%	83.3% #F49B6F	RGB 244 155 111	#F49B6F
100.0%	100.0% #FFAB72	RGB 255 171 114	#FFAB72

#BF5E61 #C96661 #D47165 #DF7E68 #E98C6B #F49B6F #FFAB72

#BF5E61 - #DF7E68 - #FFAB72

CSS codes

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

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