#5E6496 - #8AD2B6 | 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 #5E6496 to #8AD2B6

#5E6496 #8AD2B6

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

#5E6496 - #8AD2B6 | 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 #5E6496 as 0% and #8AD2B6 as 100%.

0.0%	0.0% #5E6496	RGB 94 100 150	#5E6496
16.7%	16.7% #65769B	RGB 101 118 155	#65769B
33.3%	33.3% #6C88A0	RGB 108 136 160	#6C88A0
50.0%	50.0% #749BA6	RGB 116 155 166	#749BA6
66.7%	66.7% #7BADAB	RGB 123 173 171	#7BADAB
83.3%	83.3% #82BFB0	RGB 130 191 176	#82BFB0
100.0%	100.0% #8AD2B6	RGB 138 210 182	#8AD2B6

#5E6496 #65769B #6C88A0 #749BA6 #7BADAB #82BFB0 #8AD2B6

#5E6496 - #8AD2B6

HSV Blend

#5E6496 - #8AD2B6 | 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 #5E6496 as 0% and #8AD2B6 as 100%.

0.0%	0.0% #5E6496	RGB 94 100 150	#5E6496
16.7%	16.7% #6577A0	RGB 101 119 160	#6577A0
33.3%	33.3% #6C8DAA	RGB 108 141 170	#6C8DAA
50.0%	50.0% #73A3B4	RGB 115 163 180	#73A3B4
66.7%	66.7% #7ABBBE	RGB 122 187 190	#7ABBBE
83.3%	83.3% #82C8BB	RGB 130 200 187	#82C8BB
100.0%	100.0% #8AD2B6	RGB 138 210 182	#8AD2B6

#5E6496 #6577A0 #6C8DAA #73A3B4 #7ABBBE #82C8BB #8AD2B6

#5E6496 - #73A3B4 - #8AD2B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6496 0%, #73A3B4 50%, #8AD2B6 100%);
    background: -webkit-linear-gradient(top, #5E6496 0%, #73A3B4 50%, #8AD2B6 100%);
    background: linear-gradient(to bottom, #5E6496 0%, #73A3B4 50%, #8AD2B6 100%);
}
</style>