#65CACA - #059C99 | 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 #65CACA to #059C99

#65CACA #059C99

Calculate the color between two colors, #65CACA and #059C99. 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)

#65CACA - #059C99 | 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 #65CACA as 0% and #059C99 as 100%.

0.0%	0.0% #65CACA	RGB 101 202 202	#65CACA
16.7%	16.7% #55C2C1	RGB 85 194 193	#55C2C1
33.3%	33.3% #45BAB9	RGB 69 186 185	#45BAB9
50.0%	50.0% #35B3B1	RGB 53 179 177	#35B3B1
66.7%	66.7% #25ABA9	RGB 37 171 169	#25ABA9
83.3%	83.3% #15A3A1	RGB 21 163 161	#15A3A1
100.0%	100.0% #059C99	RGB 5 156 153	#059C99

#65CACA #55C2C1 #45BAB9 #35B3B1 #25ABA9 #15A3A1 #059C99

#65CACA - #059C99

HSV Blend

#65CACA - #059C99 | 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 #65CACA as 0% and #059C99 as 100%.

0.0%	0.0% #65CACA	RGB 101 202 202	#65CACA
16.7%	16.7% #52C2C1	RGB 82 194 193	#52C2C1
33.3%	33.3% #40BAB9	RGB 64 186 185	#40BAB9
50.0%	50.0% #2FB3B1	RGB 47 179 177	#2FB3B1
66.7%	66.7% #20ABA9	RGB 32 171 169	#20ABA9
83.3%	83.3% #12A3A1	RGB 18 163 161	#12A3A1
100.0%	100.0% #059C99	RGB 5 156 153	#059C99

#65CACA #52C2C1 #40BAB9 #2FB3B1 #20ABA9 #12A3A1 #059C99

#65CACA - #2FB3B1 - #059C99

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65CACA 0%, #2FB3B1 50%, #059C99 100%);
    background: -webkit-linear-gradient(top, #65CACA 0%, #2FB3B1 50%, #059C99 100%);
    background: linear-gradient(to bottom, #65CACA 0%, #2FB3B1 50%, #059C99 100%);
}
</style>