#D4D3CF - #AD9980 | 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 #D4D3CF to #AD9980

#D4D3CF #AD9980

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

#D4D3CF - #AD9980 | 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 #D4D3CF as 0% and #AD9980 as 100%.

0.0%	0.0% #D4D3CF	RGB 212 211 207	#D4D3CF
16.7%	16.7% #CDC9C1	RGB 205 201 193	#CDC9C1
33.3%	33.3% #C7BFB4	RGB 199 191 180	#C7BFB4
50.0%	50.0% #C0B6A7	RGB 192 182 167	#C0B6A7
66.7%	66.7% #BAAC9A	RGB 186 172 154	#BAAC9A
83.3%	83.3% #B3A28D	RGB 179 162 141	#B3A28D
100.0%	100.0% #AD9980	RGB 173 153 128	#AD9980

#D4D3CF #CDC9C1 #C7BFB4 #C0B6A7 #BAAC9A #B3A28D #AD9980

#D4D3CF - #AD9980

HSV Blend

#D4D3CF - #AD9980 | 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 #D4D3CF as 0% and #AD9980 as 100%.

0.0%	0.0% #D4D3CF	RGB 212 211 207	#D4D3CF
16.7%	16.7% #CDCAC0	RGB 205 202 192	#CDCAC0
33.3%	33.3% #C7C1B2	RGB 199 193 178	#C7C1B2
50.0%	50.0% #C0B7A5	RGB 192 183 165	#C0B7A5
66.7%	66.7% #BAAD98	RGB 186 173 152	#BAAD98
83.3%	83.3% #B3A38B	RGB 179 163 139	#B3A38B
100.0%	100.0% #AD9980	RGB 173 153 128	#AD9980

#D4D3CF #CDCAC0 #C7C1B2 #C0B7A5 #BAAD98 #B3A38B #AD9980

#D4D3CF - #C0B7A5 - #AD9980

CSS codes

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

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