#61A8A8 - #0D756B | 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 #61A8A8 to #0D756B

#61A8A8 #0D756B

Calculate the color between two colors, #61A8A8 and #0D756B. 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)

#61A8A8 - #0D756B | 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 #61A8A8 as 0% and #0D756B as 100%.

0.0%	0.0% #61A8A8	RGB 97 168 168	#61A8A8
16.7%	16.7% #539F9D	RGB 83 159 157	#539F9D
33.3%	33.3% #459793	RGB 69 151 147	#459793
50.0%	50.0% #378E89	RGB 55 142 137	#378E89
66.7%	66.7% #29867F	RGB 41 134 127	#29867F
83.3%	83.3% #1B7D75	RGB 27 125 117	#1B7D75
100.0%	100.0% #0D756B	RGB 13 117 107	#0D756B

#61A8A8 #539F9D #459793 #378E89 #29867F #1B7D75 #0D756B

#61A8A8 - #0D756B

HSV Blend

#61A8A8 - #0D756B | 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 #61A8A8 as 0% and #0D756B as 100%.

0.0%	0.0% #61A8A8	RGB 97 168 168	#61A8A8
16.7%	16.7% #4F9F9E	RGB 79 159 158	#4F9F9E
33.3%	33.3% #3F9794	RGB 63 151 148	#3F9794
50.0%	50.0% #318E8A	RGB 49 142 138	#318E8A
66.7%	66.7% #23867F	RGB 35 134 127	#23867F
83.3%	83.3% #177D75	RGB 23 125 117	#177D75
100.0%	100.0% #0D756B	RGB 13 117 107	#0D756B

#61A8A8 #4F9F9E #3F9794 #318E8A #23867F #177D75 #0D756B

#61A8A8 - #318E8A - #0D756B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #61A8A8 0%, #318E8A 50%, #0D756B 100%);
    background: -webkit-linear-gradient(top, #61A8A8 0%, #318E8A 50%, #0D756B 100%);
    background: linear-gradient(to bottom, #61A8A8 0%, #318E8A 50%, #0D756B 100%);
}
</style>