#AD95D3 - #312A3C | 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 #AD95D3 to #312A3C

#AD95D3 #312A3C

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

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

0.0%	0.0% #AD95D3	RGB 173 149 211	#AD95D3
16.7%	16.7% #9883B9	RGB 152 131 185	#9883B9
33.3%	33.3% #8371A0	RGB 131 113 160	#8371A0
50.0%	50.0% #6F5F87	RGB 111 95 135	#6F5F87
66.7%	66.7% #5A4D6E	RGB 90 77 110	#5A4D6E
83.3%	83.3% #453B55	RGB 69 59 85	#453B55
100.0%	100.0% #312A3C	RGB 49 42 60	#312A3C

#AD95D3 #9883B9 #8371A0 #6F5F87 #5A4D6E #453B55 #312A3C

#AD95D3 - #312A3C

HSV Blend

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

0.0%	0.0% #AC95D3	RGB 172 149 211	#AC95D3
16.7%	16.7% #9883B9	RGB 152 131 185	#9883B9
33.3%	33.3% #8371A0	RGB 131 113 160	#8371A0
50.0%	50.0% #6E5F87	RGB 110 95 135	#6E5F87
66.7%	66.7% #5A4D6E	RGB 90 77 110	#5A4D6E
83.3%	83.3% #453B55	RGB 69 59 85	#453B55
100.0%	100.0% #312A3C	RGB 49 42 60	#312A3C

#AC95D3 #9883B9 #8371A0 #6E5F87 #5A4D6E #453B55 #312A3C

#AD95D3 - #6E5F87 - #312A3C

CSS codes

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

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