#D3C0D5 - #AE6EB0 | 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 #D3C0D5 to #AE6EB0

#D3C0D5 #AE6EB0

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

#D3C0D5 - #AE6EB0 | 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 #D3C0D5 as 0% and #AE6EB0 as 100%.

0.0%	0.0% #D3C0D5	RGB 211 192 213	#D3C0D5
16.7%	16.7% #CCB2CE	RGB 204 178 206	#CCB2CE
33.3%	33.3% #C6A4C8	RGB 198 164 200	#C6A4C8
50.0%	50.0% #C097C2	RGB 192 151 194	#C097C2
66.7%	66.7% #BA89BC	RGB 186 137 188	#BA89BC
83.3%	83.3% #B47BB6	RGB 180 123 182	#B47BB6
100.0%	100.0% #AE6EB0	RGB 174 110 176	#AE6EB0

#D3C0D5 #CCB2CE #C6A4C8 #C097C2 #BA89BC #B47BB6 #AE6EB0

#D3C0D5 - #AE6EB0

HSV Blend

#D3C0D5 - #AE6EB0 | 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 #D3C0D5 as 0% and #AE6EB0 as 100%.

0.0%	0.0% #D3C0D5	RGB 211 192 213	#D3C0D5
16.7%	16.7% #CCB0CE	RGB 204 176 206	#CCB0CE
33.3%	33.3% #C5A2C8	RGB 197 162 200	#C5A2C8
50.0%	50.0% #BF94C2	RGB 191 148 194	#BF94C2
66.7%	66.7% #B987BC	RGB 185 135 188	#B987BC
83.3%	83.3% #B37AB6	RGB 179 122 182	#B37AB6
100.0%	100.0% #AE6EB0	RGB 174 110 176	#AE6EB0

#D3C0D5 #CCB0CE #C5A2C8 #BF94C2 #B987BC #B37AB6 #AE6EB0

#D3C0D5 - #BF94C2 - #AE6EB0

CSS codes

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

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