#3C727E - #8CA2A8 | 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 #3C727E to #8CA2A8

#3C727E #8CA2A8

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

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

0.0%	0.0% #3C727E	RGB 60 114 126	#3C727E
16.7%	16.7% #497A85	RGB 73 122 133	#497A85
33.3%	33.3% #56828C	RGB 86 130 140	#56828C
50.0%	50.0% #648A93	RGB 100 138 147	#648A93
66.7%	66.7% #71929A	RGB 113 146 154	#71929A
83.3%	83.3% #7E9AA1	RGB 126 154 161	#7E9AA1
100.0%	100.0% #8CA2A8	RGB 140 162 168	#8CA2A8

#3C727E #497A85 #56828C #648A93 #71929A #7E9AA1 #8CA2A8

#3C727E - #8CA2A8

HSV Blend

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

0.0%	0.0% #3C727E	RGB 60 114 126	#3C727E
16.7%	16.7% #477985	RGB 71 121 133	#477985
33.3%	33.3% #53818C	RGB 83 129 140	#53818C
50.0%	50.0% #608893	RGB 96 136 147	#608893
66.7%	66.7% #6E919A	RGB 110 145 154	#6E919A
83.3%	83.3% #7C99A1	RGB 124 153 161	#7C99A1
100.0%	100.0% #8CA2A8	RGB 140 162 168	#8CA2A8

#3C727E #477985 #53818C #608893 #6E919A #7C99A1 #8CA2A8

#3C727E - #608893 - #8CA2A8

CSS codes

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

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