#8CA2AE - #3C5E78 | 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 #8CA2AE to #3C5E78

#8CA2AE #3C5E78

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

#8CA2AE - #3C5E78 | 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 #8CA2AE as 0% and #3C5E78 as 100%.

0.0%	0.0% #8CA2AE	RGB 140 162 174	#8CA2AE
16.7%	16.7% #7E96A5	RGB 126 150 165	#7E96A5
33.3%	33.3% #718B9C	RGB 113 139 156	#718B9C
50.0%	50.0% #648093	RGB 100 128 147	#648093
66.7%	66.7% #56748A	RGB 86 116 138	#56748A
83.3%	83.3% #496981	RGB 73 105 129	#496981
100.0%	100.0% #3C5E78	RGB 60 94 120	#3C5E78

#8CA2AE #7E96A5 #718B9C #648093 #56748A #496981 #3C5E78

#8CA2AE - #3C5E78

HSV Blend

#8CA2AE - #3C5E78 | 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 #8CA2AE as 0% and #3C5E78 as 100%.

0.0%	0.0% #8CA2AE	RGB 140 162 174	#8CA2AE
16.7%	16.7% #7C96A5	RGB 124 150 165	#7C96A5
33.3%	33.3% #6D8A9C	RGB 109 138 156	#6D8A9C
50.0%	50.0% #5F7E93	RGB 95 126 147	#5F7E93
66.7%	66.7% #53738A	RGB 83 115 138	#53738A
83.3%	83.3% #476881	RGB 71 104 129	#476881
100.0%	100.0% #3C5E78	RGB 60 94 120	#3C5E78

#8CA2AE #7C96A5 #6D8A9C #5F7E93 #53738A #476881 #3C5E78

#8CA2AE - #5F7E93 - #3C5E78

CSS codes

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

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