#DFCFD3 - #AF808A | 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 #AF808A

#DFCFD3 #AF808A

Calculate the color between two colors, #DFCFD3 and #AF808A. 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 - #AF808A | 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 #AF808A as 100%.

0.0%	0.0% #DFCFD3	RGB 223 207 211	#DFCFD3
16.7%	16.7% #D7C1C6	RGB 215 193 198	#D7C1C6
33.3%	33.3% #CFB4BA	RGB 207 180 186	#CFB4BA
50.0%	50.0% #C7A7AE	RGB 199 167 174	#C7A7AE
66.7%	66.7% #BF9AA2	RGB 191 154 162	#BF9AA2
83.3%	83.3% #B78D96	RGB 183 141 150	#B78D96
100.0%	100.0% #AF808A	RGB 175 128 138	#AF808A

#DFCFD3 #D7C1C6 #CFB4BA #C7A7AE #BF9AA2 #B78D96 #AF808A

#DFCFD3 - #AF808A

HSV Blend

#DFCFD3 - #AF808A | 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 #AF808A 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% #C7A5AC	RGB 199 165 172	#C7A5AC
66.7%	66.7% #BF98A0	RGB 191 152 160	#BF98A0
83.3%	83.3% #B78B95	RGB 183 139 149	#B78B95
100.0%	100.0% #AF808A	RGB 175 128 138	#AF808A

#DFCFD3 #D7C0C6 #CFB2B9 #C7A5AC #BF98A0 #B78B95 #AF808A

#DFCFD3 - #C7A5AC - #AF808A

CSS codes

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

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