#AA97D4 - #302B3C | 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 #AA97D4 to #302B3C

#AA97D4 #302B3C

Calculate the color between two colors, #AA97D4 and #302B3C. 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)

#AA97D4 - #302B3C | 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 #AA97D4 as 0% and #302B3C as 100%.

0.0%	0.0% #AA97D4	RGB 170 151 212	#AA97D4
16.7%	16.7% #9585BA	RGB 149 133 186	#9585BA
33.3%	33.3% #8173A1	RGB 129 115 161	#8173A1
50.0%	50.0% #6D6188	RGB 109 97 136	#6D6188
66.7%	66.7% #584F6E	RGB 88 79 110	#584F6E
83.3%	83.3% #443D55	RGB 68 61 85	#443D55
100.0%	100.0% #302B3C	RGB 48 43 60	#302B3C

#AA97D4 #9585BA #8173A1 #6D6188 #584F6E #443D55 #302B3C

#AA97D4 - #302B3C

HSV Blend

#AA97D4 - #302B3C | 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 #AA97D4 as 0% and #302B3C as 100%.

0.0%	0.0% #AA97D4	RGB 170 151 212	#AA97D4
16.7%	16.7% #9585BA	RGB 149 133 186	#9585BA
33.3%	33.3% #8173A1	RGB 129 115 161	#8173A1
50.0%	50.0% #6C6188	RGB 108 97 136	#6C6188
66.7%	66.7% #584F6E	RGB 88 79 110	#584F6E
83.3%	83.3% #443D55	RGB 68 61 85	#443D55
100.0%	100.0% #302B3C	RGB 48 43 60	#302B3C

#AA97D4 #9585BA #8173A1 #6C6188 #584F6E #443D55 #302B3C

#AA97D4 - #6C6188 - #302B3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA97D4 0%, #6C6188 50%, #302B3C 100%);
    background: -webkit-linear-gradient(top, #AA97D4 0%, #6C6188 50%, #302B3C 100%);
    background: linear-gradient(to bottom, #AA97D4 0%, #6C6188 50%, #302B3C 100%);
}
</style>