#ADA7DA - #312F3E | 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 #ADA7DA to #312F3E

#ADA7DA #312F3E

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

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

0.0%	0.0% #ADA7DA	RGB 173 167 218	#ADA7DA
16.7%	16.7% #9893C0	RGB 152 147 192	#9893C0
33.3%	33.3% #837FA6	RGB 131 127 166	#837FA6
50.0%	50.0% #6F6B8C	RGB 111 107 140	#6F6B8C
66.7%	66.7% #5A5772	RGB 90 87 114	#5A5772
83.3%	83.3% #454358	RGB 69 67 88	#454358
100.0%	100.0% #312F3E	RGB 49 47 62	#312F3E

#ADA7DA #9893C0 #837FA6 #6F6B8C #5A5772 #454358 #312F3E

#ADA7DA - #312F3E

HSV Blend

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

0.0%	0.0% #ADA7DA	RGB 173 167 218	#ADA7DA
16.7%	16.7% #9892C0	RGB 152 146 192	#9892C0
33.3%	33.3% #837EA6	RGB 131 126 166	#837EA6
50.0%	50.0% #6E6A8C	RGB 110 106 140	#6E6A8C
66.7%	66.7% #5A5672	RGB 90 86 114	#5A5672
83.3%	83.3% #454258	RGB 69 66 88	#454258
100.0%	100.0% #312F3E	RGB 49 47 62	#312F3E

#ADA7DA #9892C0 #837EA6 #6E6A8C #5A5672 #454258 #312F3E

#ADA7DA - #6E6A8C - #312F3E

CSS codes

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

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