#AA3BAB - #301030 | 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 #AA3BAB to #301030

#AA3BAB #301030

Calculate the color between two colors, #AA3BAB and #301030. 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)

#AA3BAB - #301030 | 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 #AA3BAB as 0% and #301030 as 100%.

0.0%	0.0% #AA3BAB	RGB 170 59 171	#AA3BAB
16.7%	16.7% #953396	RGB 149 51 150	#953396
33.3%	33.3% #812C82	RGB 129 44 130	#812C82
50.0%	50.0% #6D256D	RGB 109 37 109	#6D256D
66.7%	66.7% #581E59	RGB 88 30 89	#581E59
83.3%	83.3% #441744	RGB 68 23 68	#441744
100.0%	100.0% #301030	RGB 48 16 48	#301030

#AA3BAB #953396 #812C82 #6D256D #581E59 #441744 #301030

#AA3BAB - #301030

HSV Blend

#AA3BAB - #301030 | 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 #AA3BAB as 0% and #301030 as 100%.

0.0%	0.0% #A93BAB	RGB 169 59 171	#A93BAB
16.7%	16.7% #953396	RGB 149 51 150	#953396
33.3%	33.3% #812C82	RGB 129 44 130	#812C82
50.0%	50.0% #6D256D	RGB 109 37 109	#6D256D
66.7%	66.7% #581E59	RGB 88 30 89	#581E59
83.3%	83.3% #441644	RGB 68 22 68	#441644
100.0%	100.0% #301030	RGB 48 16 48	#301030

#A93BAB #953396 #812C82 #6D256D #581E59 #441644 #301030

#AA3BAB - #6D256D - #301030

CSS codes

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

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