#12A8A8 - #AAEFAF | 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 #12A8A8 to #AAEFAF

#12A8A8 #AAEFAF

Calculate the color between two colors, #12A8A8 and #AAEFAF. 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)

#12A8A8 - #AAEFAF | 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 #12A8A8 as 0% and #AAEFAF as 100%.

0.0%	0.0% #12A8A8	RGB 18 168 168	#12A8A8
16.7%	16.7% #2BB3A9	RGB 43 179 169	#2BB3A9
33.3%	33.3% #44BFAA	RGB 68 191 170	#44BFAA
50.0%	50.0% #5ECBAB	RGB 94 203 171	#5ECBAB
66.7%	66.7% #77D7AC	RGB 119 215 172	#77D7AC
83.3%	83.3% #90E3AD	RGB 144 227 173	#90E3AD
100.0%	100.0% #AAEFAF	RGB 170 239 175	#AAEFAF

#12A8A8 #2BB3A9 #44BFAA #5ECBAB #77D7AC #90E3AD #AAEFAF

#12A8A8 - #AAEFAF

HSV Blend

#12A8A8 - #AAEFAF | 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 #12A8A8 as 0% and #AAEFAF as 100%.

0.0%	0.0% #12A8A8	RGB 18 168 168	#12A8A8
16.7%	16.7% #25B39D	RGB 37 179 157	#25B39D
33.3%	33.3% #3BBF96	RGB 59 191 150	#3BBF96
50.0%	50.0% #53CB93	RGB 83 203 147	#53CB93
66.7%	66.7% #6DD796	RGB 109 215 150	#6DD796
83.3%	83.3% #8AE39E	RGB 138 227 158	#8AE39E
100.0%	100.0% #AAEFAF	RGB 170 239 175	#AAEFAF

#12A8A8 #25B39D #3BBF96 #53CB93 #6DD796 #8AE39E #AAEFAF

#12A8A8 - #53CB93 - #AAEFAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #12A8A8 0%, #53CB93 50%, #AAEFAF 100%);
    background: -webkit-linear-gradient(top, #12A8A8 0%, #53CB93 50%, #AAEFAF 100%);
    background: linear-gradient(to bottom, #12A8A8 0%, #53CB93 50%, #AAEFAF 100%);
}
</style>