#45E5E7 - #01A4C0 | 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 #45E5E7 to #01A4C0

#45E5E7 #01A4C0

Calculate the color between two colors, #45E5E7 and #01A4C0. 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)

#45E5E7 - #01A4C0 | 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 #45E5E7 as 0% and #01A4C0 as 100%.

0.0%	0.0% #45E5E7	RGB 69 229 231	#45E5E7
16.7%	16.7% #39DAE0	RGB 57 218 224	#39DAE0
33.3%	33.3% #2ECFDA	RGB 46 207 218	#2ECFDA
50.0%	50.0% #23C4D3	RGB 35 196 211	#23C4D3
66.7%	66.7% #17B9CD	RGB 23 185 205	#17B9CD
83.3%	83.3% #0CAEC6	RGB 12 174 198	#0CAEC6
100.0%	100.0% #01A4C0	RGB 1 164 192	#01A4C0

#45E5E7 #39DAE0 #2ECFDA #23C4D3 #17B9CD #0CAEC6 #01A4C0

#45E5E7 - #01A4C0

HSV Blend

#45E5E7 - #01A4C0 | 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 #45E5E7 as 0% and #01A4C0 as 100%.

0.0%	0.0% #45E5E7	RGB 69 229 231	#45E5E7
16.7%	16.7% #38DAE0	RGB 56 218 224	#38DAE0
33.3%	33.3% #2BD0DA	RGB 43 208 218	#2BD0DA
50.0%	50.0% #20C5D3	RGB 32 197 211	#20C5D3
66.7%	66.7% #15BACD	RGB 21 186 205	#15BACD
83.3%	83.3% #0AAFC6	RGB 10 175 198	#0AAFC6
100.0%	100.0% #01A4C0	RGB 1 164 192	#01A4C0

#45E5E7 #38DAE0 #2BD0DA #20C5D3 #15BACD #0AAFC6 #01A4C0

#45E5E7 - #20C5D3 - #01A4C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #45E5E7 0%, #20C5D3 50%, #01A4C0 100%);
    background: -webkit-linear-gradient(top, #45E5E7 0%, #20C5D3 50%, #01A4C0 100%);
    background: linear-gradient(to bottom, #45E5E7 0%, #20C5D3 50%, #01A4C0 100%);
}
</style>