#30DBAE - #00AF7E | 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 #30DBAE to #00AF7E

#30DBAE #00AF7E

Calculate the color between two colors, #30DBAE and #00AF7E. 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)

#30DBAE - #00AF7E | 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 #30DBAE as 0% and #00AF7E as 100%.

0.0%	0.0% #30DBAE	RGB 48 219 174	#30DBAE
16.7%	16.7% #28D3A6	RGB 40 211 166	#28D3A6
33.3%	33.3% #20CC9E	RGB 32 204 158	#20CC9E
50.0%	50.0% #18C596	RGB 24 197 150	#18C596
66.7%	66.7% #10BD8E	RGB 16 189 142	#10BD8E
83.3%	83.3% #08B686	RGB 8 182 134	#08B686
100.0%	100.0% #00AF7E	RGB 0 175 126	#00AF7E

#30DBAE #28D3A6 #20CC9E #18C596 #10BD8E #08B686 #00AF7E

#30DBAE - #00AF7E

HSV Blend

#30DBAE - #00AF7E | 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 #30DBAE as 0% and #00AF7E as 100%.

0.0%	0.0% #30DBAE	RGB 48 219 174	#30DBAE
16.7%	16.7% #26D3A5	RGB 38 211 165	#26D3A5
33.3%	33.3% #1DCC9D	RGB 29 204 157	#1DCC9D
50.0%	50.0% #15C595	RGB 21 197 149	#15C595
66.7%	66.7% #0DBD8D	RGB 13 189 141	#0DBD8D
83.3%	83.3% #06B685	RGB 6 182 133	#06B685
100.0%	100.0% #00AF7E	RGB 0 175 126	#00AF7E

#30DBAE #26D3A5 #1DCC9D #15C595 #0DBD8D #06B685 #00AF7E

#30DBAE - #15C595 - #00AF7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #30DBAE 0%, #15C595 50%, #00AF7E 100%);
    background: -webkit-linear-gradient(top, #30DBAE 0%, #15C595 50%, #00AF7E 100%);
    background: linear-gradient(to bottom, #30DBAE 0%, #15C595 50%, #00AF7E 100%);
}
</style>