#DBB5B9 - #9F5569 | 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 #DBB5B9 to #9F5569

#DBB5B9 #9F5569

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

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

0.0%	0.0% #DBB5B9	RGB 219 181 185	#DBB5B9
16.7%	16.7% #D1A5AB	RGB 209 165 171	#D1A5AB
33.3%	33.3% #C7959E	RGB 199 149 158	#C7959E
50.0%	50.0% #BD8591	RGB 189 133 145	#BD8591
66.7%	66.7% #B37583	RGB 179 117 131	#B37583
83.3%	83.3% #A96576	RGB 169 101 118	#A96576
100.0%	100.0% #9F5569	RGB 159 85 105	#9F5569

#DBB5B9 #D1A5AB #C7959E #BD8591 #B37583 #A96576 #9F5569

#DBB5B9 - #9F5569

HSV Blend

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

0.0%	0.0% #DBB5B9	RGB 219 181 185	#DBB5B9
16.7%	16.7% #D1A2A8	RGB 209 162 168	#D1A2A8
33.3%	33.3% #C79199	RGB 199 145 153	#C79199
50.0%	50.0% #BD808B	RGB 189 128 139	#BD808B
66.7%	66.7% #B3717F	RGB 179 113 127	#B3717F
83.3%	83.3% #A96273	RGB 169 98 115	#A96273
100.0%	100.0% #9F5569	RGB 159 85 105	#9F5569

#DBB5B9 #D1A2A8 #C79199 #BD808B #B3717F #A96273 #9F5569

#DBB5B9 - #BD808B - #9F5569

CSS codes

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

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