#A162DB - #2D1C3E | 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 #A162DB to #2D1C3E

#A162DB #2D1C3E

Calculate the color between two colors, #A162DB and #2D1C3E. 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)

#A162DB - #2D1C3E | 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 #A162DB as 0% and #2D1C3E as 100%.

0.0%	0.0% #A162DB	RGB 161 98 219	#A162DB
16.7%	16.7% #8D56C0	RGB 141 86 192	#8D56C0
33.3%	33.3% #7A4AA6	RGB 122 74 166	#7A4AA6
50.0%	50.0% #673F8C	RGB 103 63 140	#673F8C
66.7%	66.7% #533372	RGB 83 51 114	#533372
83.3%	83.3% #402758	RGB 64 39 88	#402758
100.0%	100.0% #2D1C3E	RGB 45 28 62	#2D1C3E

#A162DB #8D56C0 #7A4AA6 #673F8C #533372 #402758 #2D1C3E

#A162DB - #2D1C3E

HSV Blend

#A162DB - #2D1C3E | 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 #A162DB as 0% and #2D1C3E as 100%.

0.0%	0.0% #A162DB	RGB 161 98 219	#A162DB
16.7%	16.7% #8D56C0	RGB 141 86 192	#8D56C0
33.3%	33.3% #7A4AA6	RGB 122 74 166	#7A4AA6
50.0%	50.0% #663F8C	RGB 102 63 140	#663F8C
66.7%	66.7% #533372	RGB 83 51 114	#533372
83.3%	83.3% #402758	RGB 64 39 88	#402758
100.0%	100.0% #2D1C3E	RGB 45 28 62	#2D1C3E

#A162DB #8D56C0 #7A4AA6 #663F8C #533372 #402758 #2D1C3E

#A162DB - #663F8C - #2D1C3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A162DB 0%, #663F8C 50%, #2D1C3E 100%);
    background: -webkit-linear-gradient(top, #A162DB 0%, #663F8C 50%, #2D1C3E 100%);
    background: linear-gradient(to bottom, #A162DB 0%, #663F8C 50%, #2D1C3E 100%);
}
</style>