#DFCFDC - #A576A2 | 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 #A576A2

#DFCFDC #A576A2

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

0.0%	0.0% #DFCFDC	RGB 223 207 220	#DFCFDC
16.7%	16.7% #D5C0D2	RGB 213 192 210	#D5C0D2
33.3%	33.3% #CBB1C8	RGB 203 177 200	#CBB1C8
50.0%	50.0% #C2A2BF	RGB 194 162 191	#C2A2BF
66.7%	66.7% #B893B5	RGB 184 147 181	#B893B5
83.3%	83.3% #AE84AB	RGB 174 132 171	#AE84AB
100.0%	100.0% #A576A2	RGB 165 118 162	#A576A2

#DFCFDC #D5C0D2 #CBB1C8 #C2A2BF #B893B5 #AE84AB #A576A2

#DFCFDC - #A576A2

HSV Blend

#DFCFDC - #A576A2 | 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 #A576A2 as 100%.

0.0%	0.0% #DFCFDC	RGB 223 207 220	#DFCFDC
16.7%	16.7% #D5BED1	RGB 213 190 209	#D5BED1
33.3%	33.3% #CBAEC7	RGB 203 174 199	#CBAEC7
50.0%	50.0% #C29FBD	RGB 194 159 189	#C29FBD
66.7%	66.7% #B890B4	RGB 184 144 180	#B890B4
83.3%	83.3% #AE83AA	RGB 174 131 170	#AE83AA
100.0%	100.0% #A576A2	RGB 165 118 162	#A576A2

#DFCFDC #D5BED1 #CBAEC7 #C29FBD #B890B4 #AE83AA #A576A2

#DFCFDC - #C29FBD - #A576A2

CSS codes

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

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