#AD9DF3 - #312C45 | 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 #AD9DF3 to #312C45

#AD9DF3 #312C45

Calculate the color between two colors, #AD9DF3 and #312C45. 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)

#AD9DF3 - #312C45 | 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 #AD9DF3 as 0% and #312C45 as 100%.

0.0%	0.0% #AD9DF3	RGB 173 157 243	#AD9DF3
16.7%	16.7% #988AD6	RGB 152 138 214	#988AD6
33.3%	33.3% #8377B9	RGB 131 119 185	#8377B9
50.0%	50.0% #6F649C	RGB 111 100 156	#6F649C
66.7%	66.7% #5A517F	RGB 90 81 127	#5A517F
83.3%	83.3% #453E62	RGB 69 62 98	#453E62
100.0%	100.0% #312C45	RGB 49 44 69	#312C45

#AD9DF3 #988AD6 #8377B9 #6F649C #5A517F #453E62 #312C45

#AD9DF3 - #312C45

HSV Blend

#AD9DF3 - #312C45 | 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 #AD9DF3 as 0% and #312C45 as 100%.

0.0%	0.0% #AC9DF3	RGB 172 157 243	#AC9DF3
16.7%	16.7% #9889D6	RGB 152 137 214	#9889D6
33.3%	33.3% #8377B9	RGB 131 119 185	#8377B9
50.0%	50.0% #6E649C	RGB 110 100 156	#6E649C
66.7%	66.7% #5A517F	RGB 90 81 127	#5A517F
83.3%	83.3% #453E62	RGB 69 62 98	#453E62
100.0%	100.0% #312C45	RGB 49 44 69	#312C45

#AC9DF3 #9889D6 #8377B9 #6E649C #5A517F #453E62 #312C45

#AD9DF3 - #6E649C - #312C45

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC9DF3 0%, #6E649C 50%, #312C45 100%);
    background: -webkit-linear-gradient(top, #AC9DF3 0%, #6E649C 50%, #312C45 100%);
    background: linear-gradient(to bottom, #AC9DF3 0%, #6E649C 50%, #312C45 100%);
}
</style>