#DFCFD3 - #AF808B | 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 #DFCFD3 to #AF808B

#DFCFD3 #AF808B

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

#DFCFD3 - #AF808B | 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 #DFCFD3 as 0% and #AF808B as 100%.

0.0%	0.0% #DFCFD3	RGB 223 207 211	#DFCFD3
16.7%	16.7% #D7C1C7	RGB 215 193 199	#D7C1C7
33.3%	33.3% #CFB4BB	RGB 207 180 187	#CFB4BB
50.0%	50.0% #C7A7AF	RGB 199 167 175	#C7A7AF
66.7%	66.7% #BF9AA3	RGB 191 154 163	#BF9AA3
83.3%	83.3% #B78D97	RGB 183 141 151	#B78D97
100.0%	100.0% #AF808B	RGB 175 128 139	#AF808B

#DFCFD3 #D7C1C7 #CFB4BB #C7A7AF #BF9AA3 #B78D97 #AF808B

#DFCFD3 - #AF808B

HSV Blend

#DFCFD3 - #AF808B | 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 #DFCFD3 as 0% and #AF808B as 100%.

0.0%	0.0% #DFCFD3	RGB 223 207 211	#DFCFD3
16.7%	16.7% #D7C0C6	RGB 215 192 198	#D7C0C6
33.3%	33.3% #CFB2B9	RGB 207 178 185	#CFB2B9
50.0%	50.0% #C7A5AD	RGB 199 165 173	#C7A5AD
66.7%	66.7% #BF98A1	RGB 191 152 161	#BF98A1
83.3%	83.3% #B78B96	RGB 183 139 150	#B78B96
100.0%	100.0% #AF808B	RGB 175 128 139	#AF808B

#DFCFD3 #D7C0C6 #CFB2B9 #C7A5AD #BF98A1 #B78B96 #AF808B

#DFCFD3 - #C7A5AD - #AF808B

CSS codes

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

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