#5E676D - #8899E2 | 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 #5E676D to #8899E2

#5E676D #8899E2

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

#5E676D - #8899E2 | 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 #5E676D as 0% and #8899E2 as 100%.

0.0%	0.0% #5E676D	RGB 94 103 109	#5E676D
16.7%	16.7% #656F80	RGB 101 111 128	#656F80
33.3%	33.3% #6C7794	RGB 108 119 148	#6C7794
50.0%	50.0% #7380A7	RGB 115 128 167	#7380A7
66.7%	66.7% #7A88BB	RGB 122 136 187	#7A88BB
83.3%	83.3% #8190CE	RGB 129 144 206	#8190CE
100.0%	100.0% #8899E2	RGB 136 153 226	#8899E2

#5E676D #656F80 #6C7794 #7380A7 #7A88BB #8190CE #8899E2

#5E676D - #8899E2

HSV Blend

#5E676D - #8899E2 | 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 #5E676D as 0% and #8899E2 as 100%.

0.0%	0.0% #5E676D	RGB 94 103 109	#5E676D
16.7%	16.7% #697580	RGB 105 117 128	#697580
33.3%	33.3% #728294	RGB 114 130 148	#728294
50.0%	50.0% #7A8CA7	RGB 122 140 167	#7A8CA7
66.7%	66.7% #8093BB	RGB 128 147 187	#8093BB
83.3%	83.3% #8598CE	RGB 133 152 206	#8598CE
100.0%	100.0% #8899E2	RGB 136 153 226	#8899E2

#5E676D #697580 #728294 #7A8CA7 #8093BB #8598CE #8899E2

#5E676D - #7A8CA7 - #8899E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E676D 0%, #7A8CA7 50%, #8899E2 100%);
    background: -webkit-linear-gradient(top, #5E676D 0%, #7A8CA7 50%, #8899E2 100%);
    background: linear-gradient(to bottom, #5E676D 0%, #7A8CA7 50%, #8899E2 100%);
}
</style>