#D8C2DA - #81609E | 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 #D8C2DA to #81609E

#D8C2DA #81609E

Calculate the color between two colors, #D8C2DA and #81609E. 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)

#D8C2DA - #81609E | 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 #D8C2DA as 0% and #81609E as 100%.

0.0%	0.0% #D8C2DA	RGB 216 194 218	#D8C2DA
16.7%	16.7% #C9B1D0	RGB 201 177 208	#C9B1D0
33.3%	33.3% #BBA1C6	RGB 187 161 198	#BBA1C6
50.0%	50.0% #AC91BC	RGB 172 145 188	#AC91BC
66.7%	66.7% #9E80B2	RGB 158 128 178	#9E80B2
83.3%	83.3% #8F70A8	RGB 143 112 168	#8F70A8
100.0%	100.0% #81609E	RGB 129 96 158	#81609E

#D8C2DA #C9B1D0 #BBA1C6 #AC91BC #9E80B2 #8F70A8 #81609E

#D8C2DA - #81609E

HSV Blend

#D8C2DA - #81609E | 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 #D8C2DA as 0% and #81609E as 100%.

0.0%	0.0% #D8C2DA	RGB 216 194 218	#D8C2DA
16.7%	16.7% #CBAFD0	RGB 203 175 208	#CBAFD0
33.3%	33.3% #BD9DC6	RGB 189 157 198	#BD9DC6
50.0%	50.0% #AE8CBC	RGB 174 140 188	#AE8CBC
66.7%	66.7% #9F7CB2	RGB 159 124 178	#9F7CB2
83.3%	83.3% #906DA8	RGB 144 109 168	#906DA8
100.0%	100.0% #81609E	RGB 129 96 158	#81609E

#D8C2DA #CBAFD0 #BD9DC6 #AE8CBC #9F7CB2 #906DA8 #81609E

#D8C2DA - #AE8CBC - #81609E

CSS codes

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

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