#8A8D9C - #354652 | 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 #8A8D9C to #354652

#8A8D9C #354652

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

#8A8D9C - #354652 | 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 #8A8D9C as 0% and #354652 as 100%.

0.0%	0.0% #8A8D9C	RGB 138 141 156	#8A8D9C
16.7%	16.7% #7B818F	RGB 123 129 143	#7B818F
33.3%	33.3% #6D7583	RGB 109 117 131	#6D7583
50.0%	50.0% #5F6977	RGB 95 105 119	#5F6977
66.7%	66.7% #515D6A	RGB 81 93 106	#515D6A
83.3%	83.3% #43515E	RGB 67 81 94	#43515E
100.0%	100.0% #354652	RGB 53 70 82	#354652

#8A8D9C #7B818F #6D7583 #5F6977 #515D6A #43515E #354652

#8A8D9C - #354652

HSV Blend

#8A8D9C - #354652 | 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 #8A8D9C as 0% and #354652 as 100%.

0.0%	0.0% #8A8D9C	RGB 138 141 156	#8A8D9C
16.7%	16.7% #797E8F	RGB 121 126 143	#797E8F
33.3%	33.3% #697183	RGB 105 113 131	#697183
50.0%	50.0% #5B6577	RGB 91 101 119	#5B6577
66.7%	66.7% #4D5A6A	RGB 77 90 106	#4D5A6A
83.3%	83.3% #40505E	RGB 64 80 94	#40505E
100.0%	100.0% #354652	RGB 53 70 82	#354652

#8A8D9C #797E8F #697183 #5B6577 #4D5A6A #40505E #354652

#8A8D9C - #5B6577 - #354652

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8D9C 0%, #5B6577 50%, #354652 100%);
    background: -webkit-linear-gradient(top, #8A8D9C 0%, #5B6577 50%, #354652 100%);
    background: linear-gradient(to bottom, #8A8D9C 0%, #5B6577 50%, #354652 100%);
}
</style>