#1C9A8B - #AEE5A0 | 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 #1C9A8B to #AEE5A0

#1C9A8B #AEE5A0

Calculate the color between two colors, #1C9A8B and #AEE5A0. 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)

#1C9A8B - #AEE5A0 | 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 #1C9A8B as 0% and #AEE5A0 as 100%.

0.0%	0.0% #1C9A8B	RGB 28 154 139	#1C9A8B
16.7%	16.7% #34A68E	RGB 52 166 142	#34A68E
33.3%	33.3% #4CB392	RGB 76 179 146	#4CB392
50.0%	50.0% #65BF95	RGB 101 191 149	#65BF95
66.7%	66.7% #7DCC99	RGB 125 204 153	#7DCC99
83.3%	83.3% #95D89C	RGB 149 216 156	#95D89C
100.0%	100.0% #AEE5A0	RGB 174 229 160	#AEE5A0

#1C9A8B #34A68E #4CB392 #65BF95 #7DCC99 #95D89C #AEE5A0

#1C9A8B - #AEE5A0

HSV Blend

#1C9A8B - #AEE5A0 | 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 #1C9A8B as 0% and #AEE5A0 as 100%.

0.0%	0.0% #1C9A8B	RGB 28 154 139	#1C9A8B
16.7%	16.7% #2CA681	RGB 44 166 129	#2CA681
33.3%	33.3% #3FB37B	RGB 63 179 123	#3FB37B
50.0%	50.0% #54BF78	RGB 84 191 120	#54BF78
66.7%	66.7% #6BCC7A	RGB 107 204 122	#6BCC7A
83.3%	83.3% #86D884	RGB 134 216 132	#86D884
100.0%	100.0% #AEE5A0	RGB 174 229 160	#AEE5A0

#1C9A8B #2CA681 #3FB37B #54BF78 #6BCC7A #86D884 #AEE5A0

#1C9A8B - #54BF78 - #AEE5A0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C9A8B 0%, #54BF78 50%, #AEE5A0 100%);
    background: -webkit-linear-gradient(top, #1C9A8B 0%, #54BF78 50%, #AEE5A0 100%);
    background: linear-gradient(to bottom, #1C9A8B 0%, #54BF78 50%, #AEE5A0 100%);
}
</style>