#3C8A8A - #A6CD9A | 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 #3C8A8A to #A6CD9A

#3C8A8A #A6CD9A

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

#3C8A8A - #A6CD9A | 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 #3C8A8A as 0% and #A6CD9A as 100%.

0.0%	0.0% #3C8A8A	RGB 60 138 138	#3C8A8A
16.7%	16.7% #4D958C	RGB 77 149 140	#4D958C
33.3%	33.3% #5FA08F	RGB 95 160 143	#5FA08F
50.0%	50.0% #71AB92	RGB 113 171 146	#71AB92
66.7%	66.7% #82B694	RGB 130 182 148	#82B694
83.3%	83.3% #94C197	RGB 148 193 151	#94C197
100.0%	100.0% #A6CD9A	RGB 166 205 154	#A6CD9A

#3C8A8A #4D958C #5FA08F #71AB92 #82B694 #94C197 #A6CD9A

#3C8A8A - #A6CD9A

HSV Blend

#3C8A8A - #A6CD9A | 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 #3C8A8A as 0% and #A6CD9A as 100%.

0.0%	0.0% #3C8A8A	RGB 60 138 138	#3C8A8A
16.7%	16.7% #489585	RGB 72 149 133	#489585
33.3%	33.3% #56A081	RGB 86 160 129	#56A081
50.0%	50.0% #65AB80	RGB 101 171 128	#65AB80
66.7%	66.7% #75B681	RGB 117 182 129	#75B681
83.3%	83.3% #89C187	RGB 137 193 135	#89C187
100.0%	100.0% #A6CD9A	RGB 166 205 154	#A6CD9A

#3C8A8A #489585 #56A081 #65AB80 #75B681 #89C187 #A6CD9A

#3C8A8A - #65AB80 - #A6CD9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C8A8A 0%, #65AB80 50%, #A6CD9A 100%);
    background: -webkit-linear-gradient(top, #3C8A8A 0%, #65AB80 50%, #A6CD9A 100%);
    background: linear-gradient(to bottom, #3C8A8A 0%, #65AB80 50%, #A6CD9A 100%);
}
</style>