#D9C0D9 - #AB69A7 | 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 #D9C0D9 to #AB69A7

#D9C0D9 #AB69A7

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

#D9C0D9 - #AB69A7 | 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 #D9C0D9 as 0% and #AB69A7 as 100%.

0.0%	0.0% #D9C0D9	RGB 217 192 217	#D9C0D9
16.7%	16.7% #D1B1D0	RGB 209 177 208	#D1B1D0
33.3%	33.3% #C9A3C8	RGB 201 163 200	#C9A3C8
50.0%	50.0% #C294C0	RGB 194 148 192	#C294C0
66.7%	66.7% #BA86B7	RGB 186 134 183	#BA86B7
83.3%	83.3% #B277AF	RGB 178 119 175	#B277AF
100.0%	100.0% #AB69A7	RGB 171 105 167	#AB69A7

#D9C0D9 #D1B1D0 #C9A3C8 #C294C0 #BA86B7 #B277AF #AB69A7

#D9C0D9 - #AB69A7

HSV Blend

#D9C0D9 - #AB69A7 | 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 #D9C0D9 as 0% and #AB69A7 as 100%.

0.0%	0.0% #D9C0D9	RGB 217 192 217	#D9C0D9
16.7%	16.7% #D1AFD0	RGB 209 175 208	#D1AFD0
33.3%	33.3% #C9A0C8	RGB 201 160 200	#C9A0C8
50.0%	50.0% #C291C0	RGB 194 145 192	#C291C0
66.7%	66.7% #BA83B8	RGB 186 131 184	#BA83B8
83.3%	83.3% #B275AF	RGB 178 117 175	#B275AF
100.0%	100.0% #AB69A7	RGB 171 105 167	#AB69A7

#D9C0D9 #D1AFD0 #C9A0C8 #C291C0 #BA83B8 #B275AF #AB69A7

#D9C0D9 - #C291C0 - #AB69A7

CSS codes

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

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