#5EAAA4 - #206462 | 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 #5EAAA4 to #206462

#5EAAA4 #206462

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

#5EAAA4 - #206462 | 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 #5EAAA4 as 0% and #206462 as 100%.

0.0%	0.0% #5EAAA4	RGB 94 170 164	#5EAAA4
16.7%	16.7% #539E99	RGB 83 158 153	#539E99
33.3%	33.3% #49928E	RGB 73 146 142	#49928E
50.0%	50.0% #3F8783	RGB 63 135 131	#3F8783
66.7%	66.7% #347B78	RGB 52 123 120	#347B78
83.3%	83.3% #2A6F6D	RGB 42 111 109	#2A6F6D
100.0%	100.0% #206462	RGB 32 100 98	#206462

#5EAAA4 #539E99 #49928E #3F8783 #347B78 #2A6F6D #206462

#5EAAA4 - #206462

HSV Blend

#5EAAA4 - #206462 | 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 #5EAAA4 as 0% and #206462 as 100%.

0.0%	0.0% #5EAAA4	RGB 94 170 164	#5EAAA4
16.7%	16.7% #519E98	RGB 81 158 152	#519E98
33.3%	33.3% #45928D	RGB 69 146 141	#45928D
50.0%	50.0% #3A8782	RGB 58 135 130	#3A8782
66.7%	66.7% #317B77	RGB 49 123 119	#317B77
83.3%	83.3% #286F6C	RGB 40 111 108	#286F6C
100.0%	100.0% #206462	RGB 32 100 98	#206462

#5EAAA4 #519E98 #45928D #3A8782 #317B77 #286F6C #206462

#5EAAA4 - #3A8782 - #206462

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAAA4 0%, #3A8782 50%, #206462 100%);
    background: -webkit-linear-gradient(top, #5EAAA4 0%, #3A8782 50%, #206462 100%);
    background: linear-gradient(to bottom, #5EAAA4 0%, #3A8782 50%, #206462 100%);
}
</style>