#8C92AE - #364864 | 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 #8C92AE to #364864

#8C92AE #364864

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

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

0.0%	0.0% #8C92AE	RGB 140 146 174	#8C92AE
16.7%	16.7% #7D85A1	RGB 125 133 161	#7D85A1
33.3%	33.3% #6F7995	RGB 111 121 149	#6F7995
50.0%	50.0% #616D89	RGB 97 109 137	#616D89
66.7%	66.7% #52607C	RGB 82 96 124	#52607C
83.3%	83.3% #445470	RGB 68 84 112	#445470
100.0%	100.0% #364864	RGB 54 72 100	#364864

#8C92AE #7D85A1 #6F7995 #616D89 #52607C #445470 #364864

#8C92AE - #364864

HSV Blend

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

0.0%	0.0% #8C92AE	RGB 140 146 174	#8C92AE
16.7%	16.7% #7A83A1	RGB 122 131 161	#7A83A1
33.3%	33.3% #6A7595	RGB 106 117 149	#6A7595
50.0%	50.0% #5C6889	RGB 92 104 137	#5C6889
66.7%	66.7% #4E5D7C	RGB 78 93 124	#4E5D7C
83.3%	83.3% #415270	RGB 65 82 112	#415270
100.0%	100.0% #364864	RGB 54 72 100	#364864

#8C92AE #7A83A1 #6A7595 #5C6889 #4E5D7C #415270 #364864

#8C92AE - #5C6889 - #364864

CSS codes

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

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