#30D9C0 - #00AF92 | 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 #30D9C0 to #00AF92

#30D9C0 #00AF92

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

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

0.0%	0.0% #30D9C0	RGB 48 217 192	#30D9C0
16.7%	16.7% #28D2B8	RGB 40 210 184	#28D2B8
33.3%	33.3% #20CBB0	RGB 32 203 176	#20CBB0
50.0%	50.0% #18C4A9	RGB 24 196 169	#18C4A9
66.7%	66.7% #10BDA1	RGB 16 189 161	#10BDA1
83.3%	83.3% #08B699	RGB 8 182 153	#08B699
100.0%	100.0% #00AF92	RGB 0 175 146	#00AF92

#30D9C0 #28D2B8 #20CBB0 #18C4A9 #10BDA1 #08B699 #00AF92

#30D9C0 - #00AF92

HSV Blend

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

0.0%	0.0% #30D9C0	RGB 48 217 192	#30D9C0
16.7%	16.7% #26D2B8	RGB 38 210 184	#26D2B8
33.3%	33.3% #1DCBB0	RGB 29 203 176	#1DCBB0
50.0%	50.0% #15C4A8	RGB 21 196 168	#15C4A8
66.7%	66.7% #0DBDA1	RGB 13 189 161	#0DBDA1
83.3%	83.3% #06B699	RGB 6 182 153	#06B699
100.0%	100.0% #00AF92	RGB 0 175 146	#00AF92

#30D9C0 #26D2B8 #1DCBB0 #15C4A8 #0DBDA1 #06B699 #00AF92

#30D9C0 - #15C4A8 - #00AF92

CSS codes

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

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