#8C8C9A - #374570 | 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 #374570

#8C8C9A #374570

Calculate the color between two colors, #8C8C9A and #374570. 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 - #374570 | 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 #374570 as 100%.

0.0%	0.0% #8C8C9A	RGB 140 140 154	#8C8C9A
16.7%	16.7% #7D8093	RGB 125 128 147	#7D8093
33.3%	33.3% #6F748C	RGB 111 116 140	#6F748C
50.0%	50.0% #616885	RGB 97 104 133	#616885
66.7%	66.7% #535C7E	RGB 83 92 126	#535C7E
83.3%	83.3% #455077	RGB 69 80 119	#455077
100.0%	100.0% #374570	RGB 55 69 112	#374570

#8C8C9A #7D8093 #6F748C #616885 #535C7E #455077 #374570

#8C8C9A - #374570

HSV Blend

#8C8C9A - #374570 | 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 #374570 as 100%.

0.0%	0.0% #8C8C9A	RGB 140 140 154	#8C8C9A
16.7%	16.7% #7B7C93	RGB 123 124 147	#7B7C93
33.3%	33.3% #6B6E8C	RGB 107 110 140	#6B6E8C
50.0%	50.0% #5D6285	RGB 93 98 133	#5D6285
66.7%	66.7% #4F577E	RGB 79 87 126	#4F577E
83.3%	83.3% #424D77	RGB 66 77 119	#424D77
100.0%	100.0% #374570	RGB 55 69 112	#374570

#8C8C9A #7B7C93 #6B6E8C #5D6285 #4F577E #424D77 #374570

#8C8C9A - #5D6285 - #374570

CSS codes

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

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