#554C5E - #A071D4 | 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 #554C5E to #A071D4

#554C5E #A071D4

Calculate the color between two colors, #554C5E and #A071D4. 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)

#554C5E - #A071D4 | 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 #554C5E as 0% and #A071D4 as 100%.

0.0%	0.0% #554C5E	RGB 85 76 94	#554C5E
16.7%	16.7% #615271	RGB 97 82 113	#615271
33.3%	33.3% #6E5885	RGB 110 88 133	#6E5885
50.0%	50.0% #7A5E99	RGB 122 94 153	#7A5E99
66.7%	66.7% #8764AC	RGB 135 100 172	#8764AC
83.3%	83.3% #936AC0	RGB 147 106 192	#936AC0
100.0%	100.0% #A071D4	RGB 160 113 212	#A071D4

#554C5E #615271 #6E5885 #7A5E99 #8764AC #936AC0 #A071D4

#554C5E - #A071D4

HSV Blend

#554C5E - #A071D4 | 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 #554C5E as 0% and #A071D4 as 100%.

0.0%	0.0% #554C5E	RGB 85 76 94	#554C5E
16.7%	16.7% #645671	RGB 100 86 113	#645671
33.3%	33.3% #725F85	RGB 114 95 133	#725F85
50.0%	50.0% #7F6699	RGB 127 102 153	#7F6699
66.7%	66.7% #8B6BAC	RGB 139 107 172	#8B6BAC
83.3%	83.3% #966FC0	RGB 150 111 192	#966FC0
100.0%	100.0% #A071D4	RGB 160 113 212	#A071D4

#554C5E #645671 #725F85 #7F6699 #8B6BAC #966FC0 #A071D4

#554C5E - #7F6699 - #A071D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #554C5E 0%, #7F6699 50%, #A071D4 100%);
    background: -webkit-linear-gradient(top, #554C5E 0%, #7F6699 50%, #A071D4 100%);
    background: linear-gradient(to bottom, #554C5E 0%, #7F6699 50%, #A071D4 100%);
}
</style>