#DFCFDA - #AF80A1 | 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 #DFCFDA to #AF80A1

#DFCFDA #AF80A1

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

#DFCFDA - #AF80A1 | 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 #DFCFDA as 0% and #AF80A1 as 100%.

0.0%	0.0% #DFCFDA	RGB 223 207 218	#DFCFDA
16.7%	16.7% #D7C1D0	RGB 215 193 208	#D7C1D0
33.3%	33.3% #CFB4C7	RGB 207 180 199	#CFB4C7
50.0%	50.0% #C7A7BD	RGB 199 167 189	#C7A7BD
66.7%	66.7% #BF9AB4	RGB 191 154 180	#BF9AB4
83.3%	83.3% #B78DAA	RGB 183 141 170	#B78DAA
100.0%	100.0% #AF80A1	RGB 175 128 161	#AF80A1

#DFCFDA #D7C1D0 #CFB4C7 #C7A7BD #BF9AB4 #B78DAA #AF80A1

#DFCFDA - #AF80A1

HSV Blend

#DFCFDA - #AF80A1 | 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 #DFCFDA as 0% and #AF80A1 as 100%.

0.0%	0.0% #DFCFDA	RGB 223 207 218	#DFCFDA
16.7%	16.7% #D7C0D0	RGB 215 192 208	#D7C0D0
33.3%	33.3% #CFB2C6	RGB 207 178 198	#CFB2C6
50.0%	50.0% #C7A5BC	RGB 199 165 188	#C7A5BC
66.7%	66.7% #BF98B3	RGB 191 152 179	#BF98B3
83.3%	83.3% #B78BAA	RGB 183 139 170	#B78BAA
100.0%	100.0% #AF80A1	RGB 175 128 161	#AF80A1

#DFCFDA #D7C0D0 #CFB2C6 #C7A5BC #BF98B3 #B78BAA #AF80A1

#DFCFDA - #C7A5BC - #AF80A1

CSS codes

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

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