#8C8C9A - #353D70 | 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 #8C8C9A to #353D70

#8C8C9A #353D70

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

#8C8C9A - #353D70 | 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 #8C8C9A as 0% and #353D70 as 100%.

0.0%	0.0% #8C8C9A	RGB 140 140 154	#8C8C9A
16.7%	16.7% #7D7E93	RGB 125 126 147	#7D7E93
33.3%	33.3% #6F718C	RGB 111 113 140	#6F718C
50.0%	50.0% #606485	RGB 96 100 133	#606485
66.7%	66.7% #52577E	RGB 82 87 126	#52577E
83.3%	83.3% #434A77	RGB 67 74 119	#434A77
100.0%	100.0% #353D70	RGB 53 61 112	#353D70

#8C8C9A #7D7E93 #6F718C #606485 #52577E #434A77 #353D70

#8C8C9A - #353D70

HSV Blend

#8C8C9A - #353D70 | 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 #8C8C9A as 0% and #353D70 as 100%.

0.0%	0.0% #8C8C9A	RGB 140 140 154	#8C8C9A
16.7%	16.7% #7A7B93	RGB 122 123 147	#7A7B93
33.3%	33.3% #6A6C8C	RGB 106 108 140	#6A6C8C
50.0%	50.0% #5B5E85	RGB 91 94 133	#5B5E85
66.7%	66.7% #4D527E	RGB 77 82 126	#4D527E
83.3%	83.3% #404777	RGB 64 71 119	#404777
100.0%	100.0% #353D70	RGB 53 61 112	#353D70

#8C8C9A #7A7B93 #6A6C8C #5B5E85 #4D527E #404777 #353D70

#8C8C9A - #5B5E85 - #353D70

CSS codes

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

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