#8484AB - #2D3E5E | 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 #8484AB to #2D3E5E

#8484AB #2D3E5E

Calculate the color between two colors, #8484AB and #2D3E5E. 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)

#8484AB - #2D3E5E | 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 #8484AB as 0% and #2D3E5E as 100%.

0.0%	0.0% #8484AB	RGB 132 132 171	#8484AB
16.7%	16.7% #75789E	RGB 117 120 158	#75789E
33.3%	33.3% #676C91	RGB 103 108 145	#676C91
50.0%	50.0% #586184	RGB 88 97 132	#586184
66.7%	66.7% #4A5577	RGB 74 85 119	#4A5577
83.3%	83.3% #3B496A	RGB 59 73 106	#3B496A
100.0%	100.0% #2D3E5E	RGB 45 62 94	#2D3E5E

#8484AB #75789E #676C91 #586184 #4A5577 #3B496A #2D3E5E

#8484AB - #2D3E5E

HSV Blend

#8484AB - #2D3E5E | 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 #8484AB as 0% and #2D3E5E as 100%.

0.0%	0.0% #8484AB	RGB 132 132 171	#8484AB
16.7%	16.7% #72749E	RGB 114 116 158	#72749E
33.3%	33.3% #616791	RGB 97 103 145	#616791
50.0%	50.0% #525B84	RGB 82 91 132	#525B84
66.7%	66.7% #445077	RGB 68 80 119	#445077
83.3%	83.3% #38466A	RGB 56 70 106	#38466A
100.0%	100.0% #2D3E5E	RGB 45 62 94	#2D3E5E

#8484AB #72749E #616791 #525B84 #445077 #38466A #2D3E5E

#8484AB - #525B84 - #2D3E5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8484AB 0%, #525B84 50%, #2D3E5E 100%);
    background: -webkit-linear-gradient(top, #8484AB 0%, #525B84 50%, #2D3E5E 100%);
    background: linear-gradient(to bottom, #8484AB 0%, #525B84 50%, #2D3E5E 100%);
}
</style>