#D9C2DF - #A46FBD | 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 #D9C2DF to #A46FBD

#D9C2DF #A46FBD

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

#D9C2DF - #A46FBD | 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 #D9C2DF as 0% and #A46FBD as 100%.

0.0%	0.0% #D9C2DF	RGB 217 194 223	#D9C2DF
16.7%	16.7% #D0B4D9	RGB 208 180 217	#D0B4D9
33.3%	33.3% #C7A6D3	RGB 199 166 211	#C7A6D3
50.0%	50.0% #BE98CE	RGB 190 152 206	#BE98CE
66.7%	66.7% #B58AC8	RGB 181 138 200	#B58AC8
83.3%	83.3% #AC7CC2	RGB 172 124 194	#AC7CC2
100.0%	100.0% #A46FBD	RGB 164 111 189	#A46FBD

#D9C2DF #D0B4D9 #C7A6D3 #BE98CE #B58AC8 #AC7CC2 #A46FBD

#D9C2DF - #A46FBD

HSV Blend

#D9C2DF - #A46FBD | 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 #D9C2DF as 0% and #A46FBD as 100%.

0.0%	0.0% #D9C2DF	RGB 217 194 223	#D9C2DF
16.7%	16.7% #D0B2D9	RGB 208 178 217	#D0B2D9
33.3%	33.3% #C8A4D3	RGB 200 164 211	#C8A4D3
50.0%	50.0% #BF96CE	RGB 191 150 206	#BF96CE
66.7%	66.7% #B688C8	RGB 182 136 200	#B688C8
83.3%	83.3% #AD7BC2	RGB 173 123 194	#AD7BC2
100.0%	100.0% #A46FBD	RGB 164 111 189	#A46FBD

#D9C2DF #D0B2D9 #C8A4D3 #BF96CE #B688C8 #AD7BC2 #A46FBD

#D9C2DF - #BF96CE - #A46FBD

CSS codes

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

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