#BF5E78 - #FFB18F | 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 #BF5E78 to #FFB18F

#BF5E78 #FFB18F

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

#BF5E78 - #FFB18F | 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 #BF5E78 as 0% and #FFB18F as 100%.

0.0%	0.0% #BF5E78	RGB 191 94 120	#BF5E78
16.7%	16.7% #C96B7B	RGB 201 107 123	#C96B7B
33.3%	33.3% #D4797F	RGB 212 121 127	#D4797F
50.0%	50.0% #DF8783	RGB 223 135 131	#DF8783
66.7%	66.7% #E99587	RGB 233 149 135	#E99587
83.3%	83.3% #F4A38B	RGB 244 163 139	#F4A38B
100.0%	100.0% #FFB18F	RGB 255 177 143	#FFB18F

#BF5E78 #C96B7B #D4797F #DF8783 #E99587 #F4A38B #FFB18F

#BF5E78 - #FFB18F

HSV Blend

#BF5E78 - #FFB18F | 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 #BF5E78 as 0% and #FFB18F as 100%.

0.0%	0.0% #BF5E78	RGB 191 94 120	#BF5E78
16.7%	16.7% #C96576	RGB 201 101 118	#C96576
33.3%	33.3% #D46D75	RGB 212 109 117	#D46D75
50.0%	50.0% #DF7775	RGB 223 119 117	#DF7775
66.7%	66.7% #E9897D	RGB 233 137 125	#E9897D
83.3%	83.3% #F49D86	RGB 244 157 134	#F49D86
100.0%	100.0% #FFB18F	RGB 255 177 143	#FFB18F

#BF5E78 #C96576 #D46D75 #DF7775 #E9897D #F49D86 #FFB18F

#BF5E78 - #DF7775 - #FFB18F

CSS codes

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

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