#D9D4DA - #A286B0 | 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 #D9D4DA to #A286B0

#D9D4DA #A286B0

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

#D9D4DA - #A286B0 | 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 #D9D4DA as 0% and #A286B0 as 100%.

0.0%	0.0% #D9D4DA	RGB 217 212 218	#D9D4DA
16.7%	16.7% #CFC7D3	RGB 207 199 211	#CFC7D3
33.3%	33.3% #C6BACC	RGB 198 186 204	#C6BACC
50.0%	50.0% #BDADC5	RGB 189 173 197	#BDADC5
66.7%	66.7% #B4A0BE	RGB 180 160 190	#B4A0BE
83.3%	83.3% #AB93B7	RGB 171 147 183	#AB93B7
100.0%	100.0% #A286B0	RGB 162 134 176	#A286B0

#D9D4DA #CFC7D3 #C6BACC #BDADC5 #B4A0BE #AB93B7 #A286B0

#D9D4DA - #A286B0

HSV Blend

#D9D4DA - #A286B0 | 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 #D9D4DA as 0% and #A286B0 as 100%.

0.0%	0.0% #D9D4DA	RGB 217 212 218	#D9D4DA
16.7%	16.7% #D0C5D3	RGB 208 197 211	#D0C5D3
33.3%	33.3% #C7B8CC	RGB 199 184 204	#C7B8CC
50.0%	50.0% #BEAAC5	RGB 190 170 197	#BEAAC5
66.7%	66.7% #B59EBE	RGB 181 158 190	#B59EBE
83.3%	83.3% #AB91B7	RGB 171 145 183	#AB91B7
100.0%	100.0% #A286B0	RGB 162 134 176	#A286B0

#D9D4DA #D0C5D3 #C7B8CC #BEAAC5 #B59EBE #AB91B7 #A286B0

#D9D4DA - #BEAAC5 - #A286B0

CSS codes

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

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