#10D3C8 - #00A79B | 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 #10D3C8 to #00A79B

#10D3C8 #00A79B

Calculate the color between two colors, #10D3C8 and #00A79B. 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)

#10D3C8 - #00A79B | 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 #10D3C8 as 0% and #00A79B as 100%.

0.0%	0.0% #10D3C8	RGB 16 211 200	#10D3C8
16.7%	16.7% #0DCBC0	RGB 13 203 192	#0DCBC0
33.3%	33.3% #0AC4B9	RGB 10 196 185	#0AC4B9
50.0%	50.0% #08BDB1	RGB 8 189 177	#08BDB1
66.7%	66.7% #05B5AA	RGB 5 181 170	#05B5AA
83.3%	83.3% #02AEA2	RGB 2 174 162	#02AEA2
100.0%	100.0% #00A79B	RGB 0 167 155	#00A79B

#10D3C8 #0DCBC0 #0AC4B9 #08BDB1 #05B5AA #02AEA2 #00A79B

#10D3C8 - #00A79B

HSV Blend

#10D3C8 - #00A79B | 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 #10D3C8 as 0% and #00A79B as 100%.

0.0%	0.0% #10D3C8	RGB 16 211 200	#10D3C8
16.7%	16.7% #0CCBC0	RGB 12 203 192	#0CCBC0
33.3%	33.3% #09C4B8	RGB 9 196 184	#09C4B8
50.0%	50.0% #07BDB1	RGB 7 189 177	#07BDB1
66.7%	66.7% #04B5A9	RGB 4 181 169	#04B5A9
83.3%	83.3% #02AEA2	RGB 2 174 162	#02AEA2
100.0%	100.0% #00A79B	RGB 0 167 155	#00A79B

#10D3C8 #0CCBC0 #09C4B8 #07BDB1 #04B5A9 #02AEA2 #00A79B

#10D3C8 - #07BDB1 - #00A79B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #10D3C8 0%, #07BDB1 50%, #00A79B 100%);
    background: -webkit-linear-gradient(top, #10D3C8 0%, #07BDB1 50%, #00A79B 100%);
    background: linear-gradient(to bottom, #10D3C8 0%, #07BDB1 50%, #00A79B 100%);
}
</style>