#00AAA0 - #8CDCBF | 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 #00AAA0 to #8CDCBF

#00AAA0 #8CDCBF

Calculate the color between two colors, #00AAA0 and #8CDCBF. 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)

#00AAA0 - #8CDCBF | 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 #00AAA0 as 0% and #8CDCBF as 100%.

0.0%	0.0% #00AAA0	RGB 0 170 160	#00AAA0
16.7%	16.7% #17B2A5	RGB 23 178 165	#17B2A5
33.3%	33.3% #2EBAAA	RGB 46 186 170	#2EBAAA
50.0%	50.0% #46C3AF	RGB 70 195 175	#46C3AF
66.7%	66.7% #5DCBB4	RGB 93 203 180	#5DCBB4
83.3%	83.3% #74D3B9	RGB 116 211 185	#74D3B9
100.0%	100.0% #8CDCBF	RGB 140 220 191	#8CDCBF

#00AAA0 #17B2A5 #2EBAAA #46C3AF #5DCBB4 #74D3B9 #8CDCBF

#00AAA0 - #8CDCBF

HSV Blend

#00AAA0 - #8CDCBF | 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 #00AAA0 as 0% and #8CDCBF as 100%.

0.0%	0.0% #00AAA0	RGB 0 170 160	#00AAA0
16.7%	16.7% #12B2A0	RGB 18 178 160	#12B2A0
33.3%	33.3% #27BAA3	RGB 39 186 163	#27BAA3
50.0%	50.0% #3EC3A6	RGB 62 195 166	#3EC3A6
66.7%	66.7% #56CBAC	RGB 86 203 172	#56CBAC
83.3%	83.3% #70D3B4	RGB 112 211 180	#70D3B4
100.0%	100.0% #8CDCBF	RGB 140 220 191	#8CDCBF

#00AAA0 #12B2A0 #27BAA3 #3EC3A6 #56CBAC #70D3B4 #8CDCBF

#00AAA0 - #3EC3A6 - #8CDCBF

CSS codes

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

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