#DCCDDA - #A97C9E | 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 #DCCDDA to #A97C9E

#DCCDDA #A97C9E

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

#DCCDDA - #A97C9E | 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 #DCCDDA as 0% and #A97C9E as 100%.

0.0%	0.0% #DCCDDA	RGB 220 205 218	#DCCDDA
16.7%	16.7% #D3BFD0	RGB 211 191 208	#D3BFD0
33.3%	33.3% #CBB2C6	RGB 203 178 198	#CBB2C6
50.0%	50.0% #C2A4BC	RGB 194 164 188	#C2A4BC
66.7%	66.7% #BA97B2	RGB 186 151 178	#BA97B2
83.3%	83.3% #B189A8	RGB 177 137 168	#B189A8
100.0%	100.0% #A97C9E	RGB 169 124 158	#A97C9E

#DCCDDA #D3BFD0 #CBB2C6 #C2A4BC #BA97B2 #B189A8 #A97C9E

#DCCDDA - #A97C9E

HSV Blend

#DCCDDA - #A97C9E | 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 #DCCDDA as 0% and #A97C9E as 100%.

0.0%	0.0% #DCCDDA	RGB 220 205 218	#DCCDDA
16.7%	16.7% #D3BED0	RGB 211 190 208	#D3BED0
33.3%	33.3% #CBAFC6	RGB 203 175 198	#CBAFC6
50.0%	50.0% #C2A1BC	RGB 194 161 188	#C2A1BC
66.7%	66.7% #BA94B2	RGB 186 148 178	#BA94B2
83.3%	83.3% #B188A8	RGB 177 136 168	#B188A8
100.0%	100.0% #A97C9E	RGB 169 124 158	#A97C9E

#DCCDDA #D3BED0 #CBAFC6 #C2A1BC #BA94B2 #B188A8 #A97C9E

#DCCDDA - #C2A1BC - #A97C9E

CSS codes

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

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