#5E6B94 - #86D2B2 | 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 #5E6B94 to #86D2B2

#5E6B94 #86D2B2

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

#5E6B94 - #86D2B2 | 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 #5E6B94 as 0% and #86D2B2 as 100%.

0.0%	0.0% #5E6B94	RGB 94 107 148	#5E6B94
16.7%	16.7% #647C99	RGB 100 124 153	#647C99
33.3%	33.3% #6B8D9E	RGB 107 141 158	#6B8D9E
50.0%	50.0% #729EA3	RGB 114 158 163	#729EA3
66.7%	66.7% #78AFA8	RGB 120 175 168	#78AFA8
83.3%	83.3% #7FC0AD	RGB 127 192 173	#7FC0AD
100.0%	100.0% #86D2B2	RGB 134 210 178	#86D2B2

#5E6B94 #647C99 #6B8D9E #729EA3 #78AFA8 #7FC0AD #86D2B2

#5E6B94 - #86D2B2

HSV Blend

#5E6B94 - #86D2B2 | 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 #5E6B94 as 0% and #86D2B2 as 100%.

0.0%	0.0% #5E6B94	RGB 94 107 148	#5E6B94
16.7%	16.7% #647D9E	RGB 100 125 158	#647D9E
33.3%	33.3% #6B92A8	RGB 107 146 168	#6B92A8
50.0%	50.0% #71A8B3	RGB 113 168 179	#71A8B3
66.7%	66.7% #78BDBB	RGB 120 189 187	#78BDBB
83.3%	83.3% #7FC7B7	RGB 127 199 183	#7FC7B7
100.0%	100.0% #86D2B2	RGB 134 210 178	#86D2B2

#5E6B94 #647D9E #6B92A8 #71A8B3 #78BDBB #7FC7B7 #86D2B2

#5E6B94 - #71A8B3 - #86D2B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6B94 0%, #71A8B3 50%, #86D2B2 100%);
    background: -webkit-linear-gradient(top, #5E6B94 0%, #71A8B3 50%, #86D2B2 100%);
    background: linear-gradient(to bottom, #5E6B94 0%, #71A8B3 50%, #86D2B2 100%);
}
</style>