#A65EB6 - #6D1A8D | 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 #A65EB6 to #6D1A8D

#A65EB6 #6D1A8D

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

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

0.0%	0.0% #A65EB6	RGB 166 94 182	#A65EB6
16.7%	16.7% #9C52AF	RGB 156 82 175	#9C52AF
33.3%	33.3% #9347A8	RGB 147 71 168	#9347A8
50.0%	50.0% #893CA1	RGB 137 60 161	#893CA1
66.7%	66.7% #80309A	RGB 128 48 154	#80309A
83.3%	83.3% #762593	RGB 118 37 147	#762593
100.0%	100.0% #6D1A8D	RGB 109 26 141	#6D1A8D

#A65EB6 #9C52AF #9347A8 #893CA1 #80309A #762593 #6D1A8D

#A65EB6 - #6D1A8D

HSV Blend

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

0.0%	0.0% #A65EB6	RGB 166 94 182	#A65EB6
16.7%	16.7% #9C50AF	RGB 156 80 175	#9C50AF
33.3%	33.3% #9244A8	RGB 146 68 168	#9244A8
50.0%	50.0% #8938A1	RGB 137 56 161	#8938A1
66.7%	66.7% #7F2D9A	RGB 127 45 154	#7F2D9A
83.3%	83.3% #762393	RGB 118 35 147	#762393
100.0%	100.0% #6D1A8D	RGB 109 26 141	#6D1A8D

#A65EB6 #9C50AF #9244A8 #8938A1 #7F2D9A #762393 #6D1A8D

#A65EB6 - #8938A1 - #6D1A8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A65EB6 0%, #8938A1 50%, #6D1A8D 100%);
    background: -webkit-linear-gradient(top, #A65EB6 0%, #8938A1 50%, #6D1A8D 100%);
    background: linear-gradient(to bottom, #A65EB6 0%, #8938A1 50%, #6D1A8D 100%);
}
</style>