#DFBCC5 - #AF667A | 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 #DFBCC5 to #AF667A

#DFBCC5 #AF667A

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

#DFBCC5 - #AF667A | 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 #DFBCC5 as 0% and #AF667A as 100%.

0.0%	0.0% #DFBCC5	RGB 223 188 197	#DFBCC5
16.7%	16.7% #D7ADB8	RGB 215 173 184	#D7ADB8
33.3%	33.3% #CF9FAC	RGB 207 159 172	#CF9FAC
50.0%	50.0% #C7919F	RGB 199 145 159	#C7919F
66.7%	66.7% #BF8293	RGB 191 130 147	#BF8293
83.3%	83.3% #B77486	RGB 183 116 134	#B77486
100.0%	100.0% #AF667A	RGB 175 102 122	#AF667A

#DFBCC5 #D7ADB8 #CF9FAC #C7919F #BF8293 #B77486 #AF667A

#DFBCC5 - #AF667A

HSV Blend

#DFBCC5 - #AF667A | 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 #DFBCC5 as 0% and #AF667A as 100%.

0.0%	0.0% #DFBCC5	RGB 223 188 197	#DFBCC5
16.7%	16.7% #D7ABB7	RGB 215 171 183	#D7ABB7
33.3%	33.3% #CF9CA9	RGB 207 156 169	#CF9CA9
50.0%	50.0% #C78D9D	RGB 199 141 157	#C78D9D
66.7%	66.7% #BF7F90	RGB 191 127 144	#BF7F90
83.3%	83.3% #B77285	RGB 183 114 133	#B77285
100.0%	100.0% #AF667A	RGB 175 102 122	#AF667A

#DFBCC5 #D7ABB7 #CF9CA9 #C78D9D #BF7F90 #B77285 #AF667A

#DFBCC5 - #C78D9D - #AF667A

CSS codes

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

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