#DFCFD7 - #AF8099 | 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 #DFCFD7 to #AF8099

#DFCFD7 #AF8099

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

#DFCFD7 - #AF8099 | 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 #DFCFD7 as 0% and #AF8099 as 100%.

0.0%	0.0% #DFCFD7	RGB 223 207 215	#DFCFD7
16.7%	16.7% #D7C1CC	RGB 215 193 204	#D7C1CC
33.3%	33.3% #CFB4C2	RGB 207 180 194	#CFB4C2
50.0%	50.0% #C7A7B8	RGB 199 167 184	#C7A7B8
66.7%	66.7% #BF9AAD	RGB 191 154 173	#BF9AAD
83.3%	83.3% #B78DA3	RGB 183 141 163	#B78DA3
100.0%	100.0% #AF8099	RGB 175 128 153	#AF8099

#DFCFD7 #D7C1CC #CFB4C2 #C7A7B8 #BF9AAD #B78DA3 #AF8099

#DFCFD7 - #AF8099

HSV Blend

#DFCFD7 - #AF8099 | 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 #DFCFD7 as 0% and #AF8099 as 100%.

0.0%	0.0% #DFCFD7	RGB 223 207 215	#DFCFD7
16.7%	16.7% #D7C0CB	RGB 215 192 203	#D7C0CB
33.3%	33.3% #CFB2C1	RGB 207 178 193	#CFB2C1
50.0%	50.0% #C7A5B6	RGB 199 165 182	#C7A5B6
66.7%	66.7% #BF98AC	RGB 191 152 172	#BF98AC
83.3%	83.3% #B78BA2	RGB 183 139 162	#B78BA2
100.0%	100.0% #AF8099	RGB 175 128 153	#AF8099

#DFCFD7 #D7C0CB #CFB2C1 #C7A5B6 #BF98AC #B78BA2 #AF8099

#DFCFD7 - #C7A5B6 - #AF8099

CSS codes

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

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