#DFD3DC - #AF839E | 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 #DFD3DC to #AF839E

#DFD3DC #AF839E

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

#DFD3DC - #AF839E | 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 #DFD3DC as 0% and #AF839E as 100%.

0.0%	0.0% #DFD3DC	RGB 223 211 220	#DFD3DC
16.7%	16.7% #D7C5D1	RGB 215 197 209	#D7C5D1
33.3%	33.3% #CFB8C7	RGB 207 184 199	#CFB8C7
50.0%	50.0% #C7ABBD	RGB 199 171 189	#C7ABBD
66.7%	66.7% #BF9DB2	RGB 191 157 178	#BF9DB2
83.3%	83.3% #B790A8	RGB 183 144 168	#B790A8
100.0%	100.0% #AF839E	RGB 175 131 158	#AF839E

#DFD3DC #D7C5D1 #CFB8C7 #C7ABBD #BF9DB2 #B790A8 #AF839E

#DFD3DC - #AF839E

HSV Blend

#DFD3DC - #AF839E | 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 #DFD3DC as 0% and #AF839E as 100%.

0.0%	0.0% #DFD3DC	RGB 223 211 220	#DFD3DC
16.7%	16.7% #D7C4D1	RGB 215 196 209	#D7C4D1
33.3%	33.3% #CFB6C7	RGB 207 182 199	#CFB6C7
50.0%	50.0% #C7A8BD	RGB 199 168 189	#C7A8BD
66.7%	66.7% #BF9BB2	RGB 191 155 178	#BF9BB2
83.3%	83.3% #B78FA8	RGB 183 143 168	#B78FA8
100.0%	100.0% #AF839E	RGB 175 131 158	#AF839E

#DFD3DC #D7C4D1 #CFB6C7 #C7A8BD #BF9BB2 #B78FA8 #AF839E

#DFD3DC - #C7A8BD - #AF839E

CSS codes

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

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