#DFB6B6 - #CB6561 | 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 #DFB6B6 to #CB6561

#DFB6B6 #CB6561

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

#DFB6B6 - #CB6561 | 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 #DFB6B6 as 0% and #CB6561 as 100%.

0.0%	0.0% #DFB6B6	RGB 223 182 182	#DFB6B6
16.7%	16.7% #DBA8A7	RGB 219 168 167	#DBA8A7
33.3%	33.3% #D89B99	RGB 216 155 153	#D89B99
50.0%	50.0% #D58D8B	RGB 213 141 139	#D58D8B
66.7%	66.7% #D1807D	RGB 209 128 125	#D1807D
83.3%	83.3% #CE726F	RGB 206 114 111	#CE726F
100.0%	100.0% #CB6561	RGB 203 101 97	#CB6561

#DFB6B6 #DBA8A7 #D89B99 #D58D8B #D1807D #CE726F #CB6561

#DFB6B6 - #CB6561

HSV Blend

#DFB6B6 - #CB6561 | 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 #DFB6B6 as 0% and #CB6561 as 100%.

0.0%	0.0% #DFB6B6	RGB 223 182 182	#DFB6B6
16.7%	16.7% #DBA7A6	RGB 219 167 166	#DBA7A6
33.3%	33.3% #D89898	RGB 216 152 152	#D89898
50.0%	50.0% #D58B89	RGB 213 139 137	#D58B89
66.7%	66.7% #D17D7B	RGB 209 125 123	#D17D7B
83.3%	83.3% #CE716E	RGB 206 113 110	#CE716E
100.0%	100.0% #CB6561	RGB 203 101 97	#CB6561

#DFB6B6 #DBA7A6 #D89898 #D58B89 #D17D7B #CE716E #CB6561

#DFB6B6 - #D58B89 - #CB6561

CSS codes

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

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