#5EBFBD - #068F86 | 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 #5EBFBD to #068F86

#5EBFBD #068F86

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

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

0.0%	0.0% #5EBFBD	RGB 94 191 189	#5EBFBD
16.7%	16.7% #4FB7B3	RGB 79 183 179	#4FB7B3
33.3%	33.3% #40AFAA	RGB 64 175 170	#40AFAA
50.0%	50.0% #32A7A1	RGB 50 167 161	#32A7A1
66.7%	66.7% #239F98	RGB 35 159 152	#239F98
83.3%	83.3% #14978F	RGB 20 151 143	#14978F
100.0%	100.0% #068F86	RGB 6 143 134	#068F86

#5EBFBD #4FB7B3 #40AFAA #32A7A1 #239F98 #14978F #068F86

#5EBFBD - #068F86

HSV Blend

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

0.0%	0.0% #5EBFBD	RGB 94 191 189	#5EBFBD
16.7%	16.7% #4CB7B3	RGB 76 183 179	#4CB7B3
33.3%	33.3% #3BAFAA	RGB 59 175 170	#3BAFAA
50.0%	50.0% #2CA7A1	RGB 44 167 161	#2CA7A1
66.7%	66.7% #1E9F98	RGB 30 159 152	#1E9F98
83.3%	83.3% #11978F	RGB 17 151 143	#11978F
100.0%	100.0% #068F86	RGB 6 143 134	#068F86

#5EBFBD #4CB7B3 #3BAFAA #2CA7A1 #1E9F98 #11978F #068F86

#5EBFBD - #2CA7A1 - #068F86

CSS codes

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

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