#8CACAE - #3C7078 | 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 #8CACAE to #3C7078

#8CACAE #3C7078

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

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

0.0%	0.0% #8CACAE	RGB 140 172 174	#8CACAE
16.7%	16.7% #7EA2A5	RGB 126 162 165	#7EA2A5
33.3%	33.3% #71989C	RGB 113 152 156	#71989C
50.0%	50.0% #648E93	RGB 100 142 147	#648E93
66.7%	66.7% #56848A	RGB 86 132 138	#56848A
83.3%	83.3% #497A81	RGB 73 122 129	#497A81
100.0%	100.0% #3C7078	RGB 60 112 120	#3C7078

#8CACAE #7EA2A5 #71989C #648E93 #56848A #497A81 #3C7078

#8CACAE - #3C7078

HSV Blend

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

0.0%	0.0% #8CACAE	RGB 140 172 174	#8CACAE
16.7%	16.7% #7CA2A5	RGB 124 162 165	#7CA2A5
33.3%	33.3% #6D989C	RGB 109 152 156	#6D989C
50.0%	50.0% #5F8E93	RGB 95 142 147	#5F8E93
66.7%	66.7% #53848A	RGB 83 132 138	#53848A
83.3%	83.3% #477981	RGB 71 121 129	#477981
100.0%	100.0% #3C7078	RGB 60 112 120	#3C7078

#8CACAE #7CA2A5 #6D989C #5F8E93 #53848A #477981 #3C7078

#8CACAE - #5F8E93 - #3C7078

CSS codes

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

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