#D173E5 - #D9D9DF | 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 #D173E5 to #D9D9DF

#D173E5 #D9D9DF

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

#D173E5 - #D9D9DF | 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 #D173E5 as 0% and #D9D9DF as 100%.

0.0%	0.0% #D173E5	RGB 209 115 229	#D173E5
16.7%	16.7% #D284E4	RGB 210 132 228	#D284E4
33.3%	33.3% #D395E3	RGB 211 149 227	#D395E3
50.0%	50.0% #D5A6E2	RGB 213 166 226	#D5A6E2
66.7%	66.7% #D6B7E1	RGB 214 183 225	#D6B7E1
83.3%	83.3% #D7C8E0	RGB 215 200 224	#D7C8E0
100.0%	100.0% #D9D9DF	RGB 217 217 223	#D9D9DF

#D173E5 #D284E4 #D395E3 #D5A6E2 #D6B7E1 #D7C8E0 #D9D9DF

#D173E5 - #D9D9DF

HSV Blend

#D173E5 - #D9D9DF | 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 #D173E5 as 0% and #D9D9DF as 100%.

0.0%	0.0% #D173E5	RGB 209 115 229	#D173E5
16.7%	16.7% #C684E4	RGB 198 132 228	#C684E4
33.3%	33.3% #C095E3	RGB 192 149 227	#C095E3
50.0%	50.0% #BFA6E2	RGB 191 166 226	#BFA6E2
66.7%	66.7% #C2B7E1	RGB 194 183 225	#C2B7E1
83.3%	83.3% #CBC8E0	RGB 203 200 224	#CBC8E0
100.0%	100.0% #D9D9DF	RGB 217 217 223	#D9D9DF

#D173E5 #C684E4 #C095E3 #BFA6E2 #C2B7E1 #CBC8E0 #D9D9DF

#D173E5 - #BFA6E2 - #D9D9DF

CSS codes

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

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