#A393A2 - #6B3E78 | 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 #A393A2 to #6B3E78

#A393A2 #6B3E78

Calculate the color between two colors, #A393A2 and #6B3E78. 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)

#A393A2 - #6B3E78 | 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 #A393A2 as 0% and #6B3E78 as 100%.

0.0%	0.0% #A393A2	RGB 163 147 162	#A393A2
16.7%	16.7% #99849B	RGB 153 132 155	#99849B
33.3%	33.3% #907694	RGB 144 118 148	#907694
50.0%	50.0% #87688D	RGB 135 104 141	#87688D
66.7%	66.7% #7D5A86	RGB 125 90 134	#7D5A86
83.3%	83.3% #744C7F	RGB 116 76 127	#744C7F
100.0%	100.0% #6B3E78	RGB 107 62 120	#6B3E78

#A393A2 #99849B #907694 #87688D #7D5A86 #744C7F #6B3E78

#A393A2 - #6B3E78

HSV Blend

#A393A2 - #6B3E78 | 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 #A393A2 as 0% and #6B3E78 as 100%.

0.0%	0.0% #A393A2	RGB 163 147 162	#A393A2
16.7%	16.7% #9B829B	RGB 155 130 155	#9B829B
33.3%	33.3% #937294	RGB 147 114 148	#937294
50.0%	50.0% #8A648D	RGB 138 100 141	#8A648D
66.7%	66.7% #805686	RGB 128 86 134	#805686
83.3%	83.3% #75497F	RGB 117 73 127	#75497F
100.0%	100.0% #6B3E78	RGB 107 62 120	#6B3E78

#A393A2 #9B829B #937294 #8A648D #805686 #75497F #6B3E78

#A393A2 - #8A648D - #6B3E78

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A393A2 0%, #8A648D 50%, #6B3E78 100%);
    background: -webkit-linear-gradient(top, #A393A2 0%, #8A648D 50%, #6B3E78 100%);
    background: linear-gradient(to bottom, #A393A2 0%, #8A648D 50%, #6B3E78 100%);
}
</style>