#AD74D3 - #550F89 | 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 #AD74D3 to #550F89

#AD74D3 #550F89

Calculate the color between two colors, #AD74D3 and #550F89. 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)

#AD74D3 - #550F89 | 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 #AD74D3 as 0% and #550F89 as 100%.

0.0%	0.0% #AD74D3	RGB 173 116 211	#AD74D3
16.7%	16.7% #9E63C6	RGB 158 99 198	#9E63C6
33.3%	33.3% #8F52BA	RGB 143 82 186	#8F52BA
50.0%	50.0% #8141AE	RGB 129 65 174	#8141AE
66.7%	66.7% #7230A1	RGB 114 48 161	#7230A1
83.3%	83.3% #631F95	RGB 99 31 149	#631F95
100.0%	100.0% #550F89	RGB 85 15 137	#550F89

#AD74D3 #9E63C6 #8F52BA #8141AE #7230A1 #631F95 #550F89

#AD74D3 - #550F89

HSV Blend

#AD74D3 - #550F89 | 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 #AD74D3 as 0% and #550F89 as 100%.

0.0%	0.0% #AD74D3	RGB 173 116 211	#AD74D3
16.7%	16.7% #9C5EC6	RGB 156 94 198	#9C5EC6
33.3%	33.3% #8C4BBA	RGB 140 75 186	#8C4BBA
50.0%	50.0% #7D39AE	RGB 125 57 174	#7D39AE
66.7%	66.7% #6F29A1	RGB 111 41 161	#6F29A1
83.3%	83.3% #611B95	RGB 97 27 149	#611B95
100.0%	100.0% #550F89	RGB 85 15 137	#550F89

#AD74D3 #9C5EC6 #8C4BBA #7D39AE #6F29A1 #611B95 #550F89

#AD74D3 - #7D39AE - #550F89

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD74D3 0%, #7D39AE 50%, #550F89 100%);
    background: -webkit-linear-gradient(top, #AD74D3 0%, #7D39AE 50%, #550F89 100%);
    background: linear-gradient(to bottom, #AD74D3 0%, #7D39AE 50%, #550F89 100%);
}
</style>