#DFCFDC - #AF80A6 | 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 #DFCFDC to #AF80A6

#DFCFDC #AF80A6

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

#DFCFDC - #AF80A6 | 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 #DFCFDC as 0% and #AF80A6 as 100%.

0.0%	0.0% #DFCFDC	RGB 223 207 220	#DFCFDC
16.7%	16.7% #D7C1D3	RGB 215 193 211	#D7C1D3
33.3%	33.3% #CFB4CA	RGB 207 180 202	#CFB4CA
50.0%	50.0% #C7A7C1	RGB 199 167 193	#C7A7C1
66.7%	66.7% #BF9AB8	RGB 191 154 184	#BF9AB8
83.3%	83.3% #B78DAF	RGB 183 141 175	#B78DAF
100.0%	100.0% #AF80A6	RGB 175 128 166	#AF80A6

#DFCFDC #D7C1D3 #CFB4CA #C7A7C1 #BF9AB8 #B78DAF #AF80A6

#DFCFDC - #AF80A6

HSV Blend

#DFCFDC - #AF80A6 | 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 #DFCFDC as 0% and #AF80A6 as 100%.

0.0%	0.0% #DFCFDC	RGB 223 207 220	#DFCFDC
16.7%	16.7% #D7C0D2	RGB 215 192 210	#D7C0D2
33.3%	33.3% #CFB2C9	RGB 207 178 201	#CFB2C9
50.0%	50.0% #C7A5C0	RGB 199 165 192	#C7A5C0
66.7%	66.7% #BF98B7	RGB 191 152 183	#BF98B7
83.3%	83.3% #B78BAE	RGB 183 139 174	#B78BAE
100.0%	100.0% #AF80A6	RGB 175 128 166	#AF80A6

#DFCFDC #D7C0D2 #CFB2C9 #C7A5C0 #BF98B7 #B78BAE #AF80A6

#DFCFDC - #C7A5C0 - #AF80A6

CSS codes

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

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