#DDB6A8 - #BF6652 | 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 #DDB6A8 to #BF6652

#DDB6A8 #BF6652

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

#DDB6A8 - #BF6652 | 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 #DDB6A8 as 0% and #BF6652 as 100%.

0.0%	0.0% #DDB6A8	RGB 221 182 168	#DDB6A8
16.7%	16.7% #D8A899	RGB 216 168 153	#D8A899
33.3%	33.3% #D39B8B	RGB 211 155 139	#D39B8B
50.0%	50.0% #CE8E7D	RGB 206 142 125	#CE8E7D
66.7%	66.7% #C9806E	RGB 201 128 110	#C9806E
83.3%	83.3% #C47360	RGB 196 115 96	#C47360
100.0%	100.0% #BF6652	RGB 191 102 82	#BF6652

#DDB6A8 #D8A899 #D39B8B #CE8E7D #C9806E #C47360 #BF6652

#DDB6A8 - #BF6652

HSV Blend

#DDB6A8 - #BF6652 | 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 #DDB6A8 as 0% and #BF6652 as 100%.

0.0%	0.0% #DDB6A8	RGB 221 182 168	#DDB6A8
16.7%	16.7% #D8A898	RGB 216 168 152	#D8A898
33.3%	33.3% #D39A89	RGB 211 154 137	#D39A89
50.0%	50.0% #CE8D7A	RGB 206 141 122	#CE8D7A
66.7%	66.7% #C97F6C	RGB 201 127 108	#C97F6C
83.3%	83.3% #C4725E	RGB 196 114 94	#C4725E
100.0%	100.0% #BF6652	RGB 191 102 82	#BF6652

#DDB6A8 #D8A898 #D39A89 #CE8D7A #C97F6C #C4725E #BF6652

#DDB6A8 - #CE8D7A - #BF6652

CSS codes

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

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