#3A2A8D - #AD7BB8 | 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 #3A2A8D to #AD7BB8

#3A2A8D #AD7BB8

Calculate the color between two colors, #3A2A8D and #AD7BB8. 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)

#3A2A8D - #AD7BB8 | 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 #3A2A8D as 0% and #AD7BB8 as 100%.

0.0%	0.0% #3A2A8D	RGB 58 42 141	#3A2A8D
16.7%	16.7% #4D3794	RGB 77 55 148	#4D3794
33.3%	33.3% #60459B	RGB 96 69 155	#60459B
50.0%	50.0% #7352A2	RGB 115 82 162	#7352A2
66.7%	66.7% #8660A9	RGB 134 96 169	#8660A9
83.3%	83.3% #996DB0	RGB 153 109 176	#996DB0
100.0%	100.0% #AD7BB8	RGB 173 123 184	#AD7BB8

#3A2A8D #4D3794 #60459B #7352A2 #8660A9 #996DB0 #AD7BB8

#3A2A8D - #AD7BB8

HSV Blend

#3A2A8D - #AD7BB8 | 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 #3A2A8D as 0% and #AD7BB8 as 100%.

0.0%	0.0% #392A8D	RGB 57 42 141	#392A8D
16.7%	16.7% #4F3594	RGB 79 53 148	#4F3594
33.3%	33.3% #63419B	RGB 99 65 155	#63419B
50.0%	50.0% #774EA2	RGB 119 78 162	#774EA2
66.7%	66.7% #8A5CA9	RGB 138 92 169	#8A5CA9
83.3%	83.3% #9C6BB0	RGB 156 107 176	#9C6BB0
100.0%	100.0% #AD7BB8	RGB 173 123 184	#AD7BB8

#392A8D #4F3594 #63419B #774EA2 #8A5CA9 #9C6BB0 #AD7BB8

#3A2A8D - #774EA2 - #AD7BB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #392A8D 0%, #774EA2 50%, #AD7BB8 100%);
    background: -webkit-linear-gradient(top, #392A8D 0%, #774EA2 50%, #AD7BB8 100%);
    background: linear-gradient(to bottom, #392A8D 0%, #774EA2 50%, #AD7BB8 100%);
}
</style>