#8A8BA7 - #32445C | 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 #8A8BA7 to #32445C

#8A8BA7 #32445C

Calculate the color between two colors, #8A8BA7 and #32445C. 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)

#8A8BA7 - #32445C | 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 #8A8BA7 as 0% and #32445C as 100%.

0.0%	0.0% #8A8BA7	RGB 138 139 167	#8A8BA7
16.7%	16.7% #7B7F9A	RGB 123 127 154	#7B7F9A
33.3%	33.3% #6C738E	RGB 108 115 142	#6C738E
50.0%	50.0% #5E6781	RGB 94 103 129	#5E6781
66.7%	66.7% #4F5B75	RGB 79 91 117	#4F5B75
83.3%	83.3% #404F68	RGB 64 79 104	#404F68
100.0%	100.0% #32445C	RGB 50 68 92	#32445C

#8A8BA7 #7B7F9A #6C738E #5E6781 #4F5B75 #404F68 #32445C

#8A8BA7 - #32445C

HSV Blend

#8A8BA7 - #32445C | 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 #8A8BA7 as 0% and #32445C as 100%.

0.0%	0.0% #8A8BA7	RGB 138 139 167	#8A8BA7
16.7%	16.7% #787B9A	RGB 120 123 154	#787B9A
33.3%	33.3% #676E8E	RGB 103 110 142	#676E8E
50.0%	50.0% #586281	RGB 88 98 129	#586281
66.7%	66.7% #4A5775	RGB 74 87 117	#4A5775
83.3%	83.3% #3D4D68	RGB 61 77 104	#3D4D68
100.0%	100.0% #32445C	RGB 50 68 92	#32445C

#8A8BA7 #787B9A #676E8E #586281 #4A5775 #3D4D68 #32445C

#8A8BA7 - #586281 - #32445C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8BA7 0%, #586281 50%, #32445C 100%);
    background: -webkit-linear-gradient(top, #8A8BA7 0%, #586281 50%, #32445C 100%);
    background: linear-gradient(to bottom, #8A8BA7 0%, #586281 50%, #32445C 100%);
}
</style>