#D4D1D1 - #AF8288 | 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 #D4D1D1 to #AF8288

#D4D1D1 #AF8288

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

#D4D1D1 - #AF8288 | 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 #D4D1D1 as 0% and #AF8288 as 100%.

0.0%	0.0% #D4D1D1	RGB 212 209 209	#D4D1D1
16.7%	16.7% #CDC3C4	RGB 205 195 196	#CDC3C4
33.3%	33.3% #C7B6B8	RGB 199 182 184	#C7B6B8
50.0%	50.0% #C1A9AC	RGB 193 169 172	#C1A9AC
66.7%	66.7% #BB9CA0	RGB 187 156 160	#BB9CA0
83.3%	83.3% #B58F94	RGB 181 143 148	#B58F94
100.0%	100.0% #AF8288	RGB 175 130 136	#AF8288

#D4D1D1 #CDC3C4 #C7B6B8 #C1A9AC #BB9CA0 #B58F94 #AF8288

#D4D1D1 - #AF8288

HSV Blend

#D4D1D1 - #AF8288 | 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 #D4D1D1 as 0% and #AF8288 as 100%.

0.0%	0.0% #D4D1D1	RGB 212 209 209	#D4D1D1
16.7%	16.7% #CDC2C2	RGB 205 194 194	#CDC2C2
33.3%	33.3% #C7B4B5	RGB 199 180 181	#C7B4B5
50.0%	50.0% #C1A7A9	RGB 193 167 169	#C1A7A9
66.7%	66.7% #BB9A9D	RGB 187 154 157	#BB9A9D
83.3%	83.3% #B58D92	RGB 181 141 146	#B58D92
100.0%	100.0% #AF8288	RGB 175 130 136	#AF8288

#D4D1D1 #CDC2C2 #C7B4B5 #C1A7A9 #BB9A9D #B58D92 #AF8288

#D4D1D1 - #C1A7A9 - #AF8288

CSS codes

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

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