#30D9D4 - #0D3E3C | 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 #30D9D4 to #0D3E3C

#30D9D4 #0D3E3C

Calculate the color between two colors, #30D9D4 and #0D3E3C. 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)

#30D9D4 - #0D3E3C | 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 #30D9D4 as 0% and #0D3E3C as 100%.

0.0%	0.0% #30D9D4	RGB 48 217 212	#30D9D4
16.7%	16.7% #2ABFBA	RGB 42 191 186	#2ABFBA
33.3%	33.3% #24A5A1	RGB 36 165 161	#24A5A1
50.0%	50.0% #1E8B88	RGB 30 139 136	#1E8B88
66.7%	66.7% #18716E	RGB 24 113 110	#18716E
83.3%	83.3% #125755	RGB 18 87 85	#125755
100.0%	100.0% #0D3E3C	RGB 13 62 60	#0D3E3C

#30D9D4 #2ABFBA #24A5A1 #1E8B88 #18716E #125755 #0D3E3C

#30D9D4 - #0D3E3C

HSV Blend

#30D9D4 - #0D3E3C | 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 #30D9D4 as 0% and #0D3E3C as 100%.

0.0%	0.0% #30D9D4	RGB 48 217 212	#30D9D4
16.7%	16.7% #29BFBA	RGB 41 191 186	#29BFBA
33.3%	33.3% #23A5A1	RGB 35 165 161	#23A5A1
50.0%	50.0% #1E8B87	RGB 30 139 135	#1E8B87
66.7%	66.7% #18716E	RGB 24 113 110	#18716E
83.3%	83.3% #125755	RGB 18 87 85	#125755
100.0%	100.0% #0D3E3C	RGB 13 62 60	#0D3E3C

#30D9D4 #29BFBA #23A5A1 #1E8B87 #18716E #125755 #0D3E3C

#30D9D4 - #1E8B87 - #0D3E3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #30D9D4 0%, #1E8B87 50%, #0D3E3C 100%);
    background: -webkit-linear-gradient(top, #30D9D4 0%, #1E8B87 50%, #0D3E3C 100%);
    background: linear-gradient(to bottom, #30D9D4 0%, #1E8B87 50%, #0D3E3C 100%);
}
</style>