#D9D1DF - #9F81C0 | 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 #D9D1DF to #9F81C0

#D9D1DF #9F81C0

Calculate the color between two colors, #D9D1DF and #9F81C0. 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)

#D9D1DF - #9F81C0 | 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 #D9D1DF as 0% and #9F81C0 as 100%.

0.0%	0.0% #D9D1DF	RGB 217 209 223	#D9D1DF
16.7%	16.7% #CFC3D9	RGB 207 195 217	#CFC3D9
33.3%	33.3% #C5B6D4	RGB 197 182 212	#C5B6D4
50.0%	50.0% #BCA9CF	RGB 188 169 207	#BCA9CF
66.7%	66.7% #B29BCA	RGB 178 155 202	#B29BCA
83.3%	83.3% #A88EC5	RGB 168 142 197	#A88EC5
100.0%	100.0% #9F81C0	RGB 159 129 192	#9F81C0

#D9D1DF #CFC3D9 #C5B6D4 #BCA9CF #B29BCA #A88EC5 #9F81C0

#D9D1DF - #9F81C0

HSV Blend

#D9D1DF - #9F81C0 | 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 #D9D1DF as 0% and #9F81C0 as 100%.

0.0%	0.0% #D9D1DF	RGB 217 209 223	#D9D1DF
16.7%	16.7% #CFC2D9	RGB 207 194 217	#CFC2D9
33.3%	33.3% #C5B4D4	RGB 197 180 212	#C5B4D4
50.0%	50.0% #BCA6CF	RGB 188 166 207	#BCA6CF
66.7%	66.7% #B299CA	RGB 178 153 202	#B299CA
83.3%	83.3% #A88DC5	RGB 168 141 197	#A88DC5
100.0%	100.0% #9F81C0	RGB 159 129 192	#9F81C0

#D9D1DF #CFC2D9 #C5B4D4 #BCA6CF #B299CA #A88DC5 #9F81C0

#D9D1DF - #BCA6CF - #9F81C0

CSS codes

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

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