#3DB6B6 - #C0E6AE | 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 #3DB6B6 to #C0E6AE

#3DB6B6 #C0E6AE

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

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

0.0%	0.0% #3DB6B6	RGB 61 182 182	#3DB6B6
16.7%	16.7% #52BEB4	RGB 82 190 180	#52BEB4
33.3%	33.3% #68C6B3	RGB 104 198 179	#68C6B3
50.0%	50.0% #7ECEB2	RGB 126 206 178	#7ECEB2
66.7%	66.7% #94D6B0	RGB 148 214 176	#94D6B0
83.3%	83.3% #AADEAF	RGB 170 222 175	#AADEAF
100.0%	100.0% #C0E6AE	RGB 192 230 174	#C0E6AE

#3DB6B6 #52BEB4 #68C6B3 #7ECEB2 #94D6B0 #AADEAF #C0E6AE

#3DB6B6 - #C0E6AE

HSV Blend

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

0.0%	0.0% #3DB6B6	RGB 61 182 182	#3DB6B6
16.7%	16.7% #4DBEA5	RGB 77 190 165	#4DBEA5
33.3%	33.3% #5EC698	RGB 94 198 152	#5EC698
50.0%	50.0% #70CE90	RGB 112 206 144	#70CE90
66.7%	66.7% #83D68D	RGB 131 214 141	#83D68D
83.3%	83.3% #9FDE98	RGB 159 222 152	#9FDE98
100.0%	100.0% #C0E6AE	RGB 192 230 174	#C0E6AE

#3DB6B6 #4DBEA5 #5EC698 #70CE90 #83D68D #9FDE98 #C0E6AE

#3DB6B6 - #70CE90 - #C0E6AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3DB6B6 0%, #70CE90 50%, #C0E6AE 100%);
    background: -webkit-linear-gradient(top, #3DB6B6 0%, #70CE90 50%, #C0E6AE 100%);
    background: linear-gradient(to bottom, #3DB6B6 0%, #70CE90 50%, #C0E6AE 100%);
}
</style>