#8C8F9C - #374752 | 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 #8C8F9C to #374752

#8C8F9C #374752

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

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

0.0%	0.0% #8C8F9C	RGB 140 143 156	#8C8F9C
16.7%	16.7% #7D838F	RGB 125 131 143	#7D838F
33.3%	33.3% #6F7783	RGB 111 119 131	#6F7783
50.0%	50.0% #616B77	RGB 97 107 119	#616B77
66.7%	66.7% #535F6A	RGB 83 95 106	#535F6A
83.3%	83.3% #45535E	RGB 69 83 94	#45535E
100.0%	100.0% #374752	RGB 55 71 82	#374752

#8C8F9C #7D838F #6F7783 #616B77 #535F6A #45535E #374752

#8C8F9C - #374752

HSV Blend

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

0.0%	0.0% #8C8F9C	RGB 140 143 156	#8C8F9C
16.7%	16.7% #7B808F	RGB 123 128 143	#7B808F
33.3%	33.3% #6B7383	RGB 107 115 131	#6B7383
50.0%	50.0% #5D6777	RGB 93 103 119	#5D6777
66.7%	66.7% #4F5B6A	RGB 79 91 106	#4F5B6A
83.3%	83.3% #42515E	RGB 66 81 94	#42515E
100.0%	100.0% #374752	RGB 55 71 82	#374752

#8C8F9C #7B808F #6B7383 #5D6777 #4F5B6A #42515E #374752

#8C8F9C - #5D6777 - #374752

CSS codes

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

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