#9D7EB1 - #A8D5D9 | 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 #9D7EB1 to #A8D5D9

#9D7EB1 #A8D5D9

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

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

0.0%	0.0% #9D7EB1	RGB 157 126 177	#9D7EB1
16.7%	16.7% #9E8CB7	RGB 158 140 183	#9E8CB7
33.3%	33.3% #A09BBE	RGB 160 155 190	#A09BBE
50.0%	50.0% #A2A9C5	RGB 162 169 197	#A2A9C5
66.7%	66.7% #A4B8CB	RGB 164 184 203	#A4B8CB
83.3%	83.3% #A6C6D2	RGB 166 198 210	#A6C6D2
100.0%	100.0% #A8D5D9	RGB 168 213 217	#A8D5D9

#9D7EB1 #9E8CB7 #A09BBE #A2A9C5 #A4B8CB #A6C6D2 #A8D5D9

#9D7EB1 - #A8D5D9

HSV Blend

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

0.0%	0.0% #9D7EB1	RGB 157 126 177	#9D7EB1
16.7%	16.7% #9684B7	RGB 150 132 183	#9684B7
33.3%	33.3% #908BBE	RGB 144 139 190	#908BBE
50.0%	50.0% #929AC5	RGB 146 154 197	#929AC5
66.7%	66.7% #99AECB	RGB 153 174 203	#99AECB
83.3%	83.3% #A0C1D2	RGB 160 193 210	#A0C1D2
100.0%	100.0% #A8D5D9	RGB 168 213 217	#A8D5D9

#9D7EB1 #9684B7 #908BBE #929AC5 #99AECB #A0C1D2 #A8D5D9

#9D7EB1 - #929AC5 - #A8D5D9

CSS codes

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

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