#DCD9D9 - #B28C92 | 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 #DCD9D9 to #B28C92

#DCD9D9 #B28C92

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

#DCD9D9 - #B28C92 | 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 #DCD9D9 as 0% and #B28C92 as 100%.

0.0%	0.0% #DCD9D9	RGB 220 217 217	#DCD9D9
16.7%	16.7% #D5CCCD	RGB 213 204 205	#D5CCCD
33.3%	33.3% #CEBFC1	RGB 206 191 193	#CEBFC1
50.0%	50.0% #C7B2B5	RGB 199 178 181	#C7B2B5
66.7%	66.7% #C0A5A9	RGB 192 165 169	#C0A5A9
83.3%	83.3% #B9989D	RGB 185 152 157	#B9989D
100.0%	100.0% #B28C92	RGB 178 140 146	#B28C92

#DCD9D9 #D5CCCD #CEBFC1 #C7B2B5 #C0A5A9 #B9989D #B28C92

#DCD9D9 - #B28C92

HSV Blend

#DCD9D9 - #B28C92 | 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 #DCD9D9 as 0% and #B28C92 as 100%.

0.0%	0.0% #DCD9D9	RGB 220 217 217	#DCD9D9
16.7%	16.7% #D5CBCB	RGB 213 203 203	#D5CBCB
33.3%	33.3% #CEBDBE	RGB 206 189 190	#CEBDBE
50.0%	50.0% #C7B0B2	RGB 199 176 178	#C7B0B2
66.7%	66.7% #C0A3A6	RGB 192 163 166	#C0A3A6
83.3%	83.3% #B9979C	RGB 185 151 156	#B9979C
100.0%	100.0% #B28C92	RGB 178 140 146	#B28C92

#DCD9D9 #D5CBCB #CEBDBE #C7B0B2 #C0A3A6 #B9979C #B28C92

#DCD9D9 - #C7B0B2 - #B28C92

CSS codes

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

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