#36E5E1 - #00C0C3 | 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 #36E5E1 to #00C0C3

#36E5E1 #00C0C3

Calculate the color between two colors, #36E5E1 and #00C0C3. 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)

#36E5E1 - #00C0C3 | 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 #36E5E1 as 0% and #00C0C3 as 100%.

0.0%	0.0% #36E5E1	RGB 54 229 225	#36E5E1
16.7%	16.7% #2DDEDC	RGB 45 222 220	#2DDEDC
33.3%	33.3% #24D8D7	RGB 36 216 215	#24D8D7
50.0%	50.0% #1BD2D2	RGB 27 210 210	#1BD2D2
66.7%	66.7% #12CCCD	RGB 18 204 205	#12CCCD
83.3%	83.3% #09C6C8	RGB 9 198 200	#09C6C8
100.0%	100.0% #00C0C3	RGB 0 192 195	#00C0C3

#36E5E1 #2DDEDC #24D8D7 #1BD2D2 #12CCCD #09C6C8 #00C0C3

#36E5E1 - #00C0C3

HSV Blend

#36E5E1 - #00C0C3 | 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 #36E5E1 as 0% and #00C0C3 as 100%.

0.0%	0.0% #35E5E1	RGB 53 229 225	#35E5E1
16.7%	16.7% #2BDFDC	RGB 43 223 220	#2BDFDC
33.3%	33.3% #22D9D7	RGB 34 217 215	#22D9D7
50.0%	50.0% #18D4D3	RGB 24 212 211	#18D4D3
66.7%	66.7% #10CDCE	RGB 16 205 206	#10CDCE
83.3%	83.3% #07C6C8	RGB 7 198 200	#07C6C8
100.0%	100.0% #00C0C3	RGB 0 192 195	#00C0C3

#35E5E1 #2BDFDC #22D9D7 #18D4D3 #10CDCE #07C6C8 #00C0C3

#36E5E1 - #18D4D3 - #00C0C3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #35E5E1 0%, #18D4D3 50%, #00C0C3 100%);
    background: -webkit-linear-gradient(top, #35E5E1 0%, #18D4D3 50%, #00C0C3 100%);
    background: linear-gradient(to bottom, #35E5E1 0%, #18D4D3 50%, #00C0C3 100%);
}
</style>