#8C92AC - #374862 | 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 #8C92AC to #374862

#8C92AC #374862

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

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

0.0%	0.0% #8C92AC	RGB 140 146 172	#8C92AC
16.7%	16.7% #7D859F	RGB 125 133 159	#7D859F
33.3%	33.3% #6F7993	RGB 111 121 147	#6F7993
50.0%	50.0% #616D87	RGB 97 109 135	#616D87
66.7%	66.7% #53607A	RGB 83 96 122	#53607A
83.3%	83.3% #45546E	RGB 69 84 110	#45546E
100.0%	100.0% #374862	RGB 55 72 98	#374862

#8C92AC #7D859F #6F7993 #616D87 #53607A #45546E #374862

#8C92AC - #374862

HSV Blend

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

0.0%	0.0% #8C92AC	RGB 140 146 172	#8C92AC
16.7%	16.7% #7B839F	RGB 123 131 159	#7B839F
33.3%	33.3% #6B7593	RGB 107 117 147	#6B7593
50.0%	50.0% #5C6987	RGB 92 105 135	#5C6987
66.7%	66.7% #4F5D7A	RGB 79 93 122	#4F5D7A
83.3%	83.3% #42526E	RGB 66 82 110	#42526E
100.0%	100.0% #374862	RGB 55 72 98	#374862

#8C92AC #7B839F #6B7593 #5C6987 #4F5D7A #42526E #374862

#8C92AC - #5C6987 - #374862

CSS codes

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

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