#5EBFBC - #068F85 | 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 #5EBFBC to #068F85

#5EBFBC #068F85

Calculate the color between two colors, #5EBFBC and #068F85. 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)

#5EBFBC - #068F85 | 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 #5EBFBC as 0% and #068F85 as 100%.

0.0%	0.0% #5EBFBC	RGB 94 191 188	#5EBFBC
16.7%	16.7% #4FB7B2	RGB 79 183 178	#4FB7B2
33.3%	33.3% #40AFA9	RGB 64 175 169	#40AFA9
50.0%	50.0% #32A7A0	RGB 50 167 160	#32A7A0
66.7%	66.7% #239F97	RGB 35 159 151	#239F97
83.3%	83.3% #14978E	RGB 20 151 142	#14978E
100.0%	100.0% #068F85	RGB 6 143 133	#068F85

#5EBFBC #4FB7B2 #40AFA9 #32A7A0 #239F97 #14978E #068F85

#5EBFBC - #068F85

HSV Blend

#5EBFBC - #068F85 | 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 #5EBFBC as 0% and #068F85 as 100%.

0.0%	0.0% #5EBFBC	RGB 94 191 188	#5EBFBC
16.7%	16.7% #4CB7B2	RGB 76 183 178	#4CB7B2
33.3%	33.3% #3BAFA9	RGB 59 175 169	#3BAFA9
50.0%	50.0% #2CA7A0	RGB 44 167 160	#2CA7A0
66.7%	66.7% #1E9F97	RGB 30 159 151	#1E9F97
83.3%	83.3% #11978E	RGB 17 151 142	#11978E
100.0%	100.0% #068F85	RGB 6 143 133	#068F85

#5EBFBC #4CB7B2 #3BAFA9 #2CA7A0 #1E9F97 #11978E #068F85

#5EBFBC - #2CA7A0 - #068F85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EBFBC 0%, #2CA7A0 50%, #068F85 100%);
    background: -webkit-linear-gradient(top, #5EBFBC 0%, #2CA7A0 50%, #068F85 100%);
    background: linear-gradient(to bottom, #5EBFBC 0%, #2CA7A0 50%, #068F85 100%);
}
</style>