#DFB5B8 - #9F5354 | 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 #DFB5B8 to #9F5354

#DFB5B8 #9F5354

Calculate the color between two colors, #DFB5B8 and #9F5354. 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)

#DFB5B8 - #9F5354 | 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 #DFB5B8 as 0% and #9F5354 as 100%.

0.0%	0.0% #DFB5B8	RGB 223 181 184	#DFB5B8
16.7%	16.7% #D4A4A7	RGB 212 164 167	#D4A4A7
33.3%	33.3% #C99496	RGB 201 148 150	#C99496
50.0%	50.0% #BF8486	RGB 191 132 134	#BF8486
66.7%	66.7% #B47375	RGB 180 115 117	#B47375
83.3%	83.3% #A96364	RGB 169 99 100	#A96364
100.0%	100.0% #9F5354	RGB 159 83 84	#9F5354

#DFB5B8 #D4A4A7 #C99496 #BF8486 #B47375 #A96364 #9F5354

#DFB5B8 - #9F5354

HSV Blend

#DFB5B8 - #9F5354 | 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 #DFB5B8 as 0% and #9F5354 as 100%.

0.0%	0.0% #DFB5B8	RGB 223 181 184	#DFB5B8
16.7%	16.7% #D4A2A5	RGB 212 162 165	#D4A2A5
33.3%	33.3% #C99093	RGB 201 144 147	#C99093
50.0%	50.0% #BF7F82	RGB 191 127 130	#BF7F82
66.7%	66.7% #B46F71	RGB 180 111 113	#B46F71
83.3%	83.3% #A96062	RGB 169 96 98	#A96062
100.0%	100.0% #9F5354	RGB 159 83 84	#9F5354

#DFB5B8 #D4A2A5 #C99093 #BF7F82 #B46F71 #A96062 #9F5354

#DFB5B8 - #BF7F82 - #9F5354

CSS codes

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

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