#DFB0A8 - #BF5752 | 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 #DFB0A8 to #BF5752

#DFB0A8 #BF5752

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

#DFB0A8 - #BF5752 | 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 #DFB0A8 as 0% and #BF5752 as 100%.

0.0%	0.0% #DFB0A8	RGB 223 176 168	#DFB0A8
16.7%	16.7% #D9A199	RGB 217 161 153	#D9A199
33.3%	33.3% #D4928B	RGB 212 146 139	#D4928B
50.0%	50.0% #CF837D	RGB 207 131 125	#CF837D
66.7%	66.7% #C9746E	RGB 201 116 110	#C9746E
83.3%	83.3% #C46560	RGB 196 101 96	#C46560
100.0%	100.0% #BF5752	RGB 191 87 82	#BF5752

#DFB0A8 #D9A199 #D4928B #CF837D #C9746E #C46560 #BF5752

#DFB0A8 - #BF5752

HSV Blend

#DFB0A8 - #BF5752 | 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 #DFB0A8 as 0% and #BF5752 as 100%.

0.0%	0.0% #DFB0A8	RGB 223 176 168	#DFB0A8
16.7%	16.7% #D9A098	RGB 217 160 152	#D9A098
33.3%	33.3% #D49189	RGB 212 145 137	#D49189
50.0%	50.0% #CF827A	RGB 207 130 122	#CF827A
66.7%	66.7% #C9736C	RGB 201 115 108	#C9736C
83.3%	83.3% #C4655E	RGB 196 101 94	#C4655E
100.0%	100.0% #BF5752	RGB 191 87 82	#BF5752

#DFB0A8 #D9A098 #D49189 #CF827A #C9736C #C4655E #BF5752

#DFB0A8 - #CF827A - #BF5752

CSS codes

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

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