#BF5E74 - #FFB08A | 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 #BF5E74 to #FFB08A

#BF5E74 #FFB08A

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

#BF5E74 - #FFB08A | 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 #BF5E74 as 0% and #FFB08A as 100%.

0.0%	0.0% #BF5E74	RGB 191 94 116	#BF5E74
16.7%	16.7% #C96B77	RGB 201 107 119	#C96B77
33.3%	33.3% #D4797B	RGB 212 121 123	#D4797B
50.0%	50.0% #DF877F	RGB 223 135 127	#DF877F
66.7%	66.7% #E99482	RGB 233 148 130	#E99482
83.3%	83.3% #F4A286	RGB 244 162 134	#F4A286
100.0%	100.0% #FFB08A	RGB 255 176 138	#FFB08A

#BF5E74 #C96B77 #D4797B #DF877F #E99482 #F4A286 #FFB08A

#BF5E74 - #FFB08A

HSV Blend

#BF5E74 - #FFB08A | 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 #BF5E74 as 0% and #FFB08A as 100%.

0.0%	0.0% #BF5E73	RGB 191 94 115	#BF5E73
16.7%	16.7% #C96472	RGB 201 100 114	#C96472
33.3%	33.3% #D46B70	RGB 212 107 112	#D46B70
50.0%	50.0% #DF7873	RGB 223 120 115	#DF7873
66.7%	66.7% #E98A7A	RGB 233 138 122	#E98A7A
83.3%	83.3% #F49C82	RGB 244 156 130	#F49C82
100.0%	100.0% #FFB08A	RGB 255 176 138	#FFB08A

#BF5E73 #C96472 #D46B70 #DF7873 #E98A7A #F49C82 #FFB08A

#BF5E74 - #DF7873 - #FFB08A

CSS codes

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

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