#D9C8DA - #9E739B | 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 #D9C8DA to #9E739B

#D9C8DA #9E739B

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

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

0.0%	0.0% #D9C8DA	RGB 217 200 218	#D9C8DA
16.7%	16.7% #CFB9CF	RGB 207 185 207	#CFB9CF
33.3%	33.3% #C5ABC5	RGB 197 171 197	#C5ABC5
50.0%	50.0% #BB9DBA	RGB 187 157 186	#BB9DBA
66.7%	66.7% #B18FB0	RGB 177 143 176	#B18FB0
83.3%	83.3% #A781A5	RGB 167 129 165	#A781A5
100.0%	100.0% #9E739B	RGB 158 115 155	#9E739B

#D9C8DA #CFB9CF #C5ABC5 #BB9DBA #B18FB0 #A781A5 #9E739B

#D9C8DA - #9E739B

HSV Blend

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

0.0%	0.0% #D9C8DA	RGB 217 200 218	#D9C8DA
16.7%	16.7% #CFB8D0	RGB 207 184 208	#CFB8D0
33.3%	33.3% #C5A9C6	RGB 197 169 198	#C5A9C6
50.0%	50.0% #BC9ABB	RGB 188 154 187	#BC9ABB
66.7%	66.7% #B28CB0	RGB 178 140 176	#B28CB0
83.3%	83.3% #A87FA6	RGB 168 127 166	#A87FA6
100.0%	100.0% #9E739B	RGB 158 115 155	#9E739B

#D9C8DA #CFB8D0 #C5A9C6 #BC9ABB #B28CB0 #A87FA6 #9E739B

#D9C8DA - #BC9ABB - #9E739B

CSS codes

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

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