#DCD9D9 - #C7948C | 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 #C7948C

#DCD9D9 #C7948C

Calculate the color between two colors, #DCD9D9 and #C7948C. 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 - #C7948C | 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 #C7948C as 100%.

0.0%	0.0% #DCD9D9	RGB 220 217 217	#DCD9D9
16.7%	16.7% #D8CDCC	RGB 216 205 204	#D8CDCC
33.3%	33.3% #D5C2BF	RGB 213 194 191	#D5C2BF
50.0%	50.0% #D1B6B2	RGB 209 182 178	#D1B6B2
66.7%	66.7% #CEABA5	RGB 206 171 165	#CEABA5
83.3%	83.3% #CA9F98	RGB 202 159 152	#CA9F98
100.0%	100.0% #C7948C	RGB 199 148 140	#C7948C

#DCD9D9 #D8CDCC #D5C2BF #D1B6B2 #CEABA5 #CA9F98 #C7948C

#DCD9D9 - #C7948C

HSV Blend

#DCD9D9 - #C7948C | 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 #C7948C as 100%.

0.0%	0.0% #DCD9D9	RGB 220 217 217	#DCD9D9
16.7%	16.7% #D8CBCB	RGB 216 203 203	#D8CBCB
33.3%	33.3% #D5BFBE	RGB 213 191 190	#D5BFBE
50.0%	50.0% #D1B3B1	RGB 209 179 177	#D1B3B1
66.7%	66.7% #CEA8A4	RGB 206 168 164	#CEA8A4
83.3%	83.3% #CA9D98	RGB 202 157 152	#CA9D98
100.0%	100.0% #C7948C	RGB 199 148 140	#C7948C

#DCD9D9 #D8CBCB #D5BFBE #D1B3B1 #CEA8A4 #CA9D98 #C7948C

#DCD9D9 - #D1B3B1 - #C7948C

CSS codes

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

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