#FFBFB8 - #DB7D5D | 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 #FFBFB8 to #DB7D5D

#FFBFB8 #DB7D5D

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

#FFBFB8 - #DB7D5D | 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 #FFBFB8 as 0% and #DB7D5D as 100%.

0.0%	0.0% #FFBFB8	RGB 255 191 184	#FFBFB8
16.7%	16.7% #F9B4A8	RGB 249 180 168	#F9B4A8
33.3%	33.3% #F3A999	RGB 243 169 153	#F3A999
50.0%	50.0% #ED9E8A	RGB 237 158 138	#ED9E8A
66.7%	66.7% #E7937B	RGB 231 147 123	#E7937B
83.3%	83.3% #E1886C	RGB 225 136 108	#E1886C
100.0%	100.0% #DB7D5D	RGB 219 125 93	#DB7D5D

#FFBFB8 #F9B4A8 #F3A999 #ED9E8A #E7937B #E1886C #DB7D5D

#FFBFB8 - #DB7D5D

HSV Blend

#FFBFB8 - #DB7D5D | 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 #FFBFB8 as 0% and #DB7D5D as 100%.

0.0%	0.0% #FFBFB8	RGB 255 191 184	#FFBFB8
16.7%	16.7% #F9B1A7	RGB 249 177 167	#F9B1A7
33.3%	33.3% #F3A597	RGB 243 165 151	#F3A597
50.0%	50.0% #ED9987	RGB 237 153 135	#ED9987
66.7%	66.7% #E78F78	RGB 231 143 120	#E78F78
83.3%	83.3% #E1856A	RGB 225 133 106	#E1856A
100.0%	100.0% #DB7D5D	RGB 219 125 93	#DB7D5D

#FFBFB8 #F9B1A7 #F3A597 #ED9987 #E78F78 #E1856A #DB7D5D

#FFBFB8 - #ED9987 - #DB7D5D

CSS codes

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

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