#5E848C - #8B9AF2 | 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 #5E848C to #8B9AF2

#5E848C #8B9AF2

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

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

0.0%	0.0% #5E848C	RGB 94 132 140	#5E848C
16.7%	16.7% #65879D	RGB 101 135 157	#65879D
33.3%	33.3% #6D8BAE	RGB 109 139 174	#6D8BAE
50.0%	50.0% #748FBF	RGB 116 143 191	#748FBF
66.7%	66.7% #7C92D0	RGB 124 146 208	#7C92D0
83.3%	83.3% #8396E1	RGB 131 150 225	#8396E1
100.0%	100.0% #8B9AF2	RGB 139 154 242	#8B9AF2

#5E848C #65879D #6D8BAE #748FBF #7C92D0 #8396E1 #8B9AF2

#5E848C - #8B9AF2

HSV Blend

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

0.0%	0.0% #5E848C	RGB 94 132 140	#5E848C
16.7%	16.7% #668D9D	RGB 102 141 157	#668D9D
33.3%	33.3% #6F94AE	RGB 111 148 174	#6F94AE
50.0%	50.0% #7699BF	RGB 118 153 191	#7699BF
66.7%	66.7% #7E9CD0	RGB 126 156 208	#7E9CD0
83.3%	83.3% #849CE1	RGB 132 156 225	#849CE1
100.0%	100.0% #8B9AF2	RGB 139 154 242	#8B9AF2

#5E848C #668D9D #6F94AE #7699BF #7E9CD0 #849CE1 #8B9AF2

#5E848C - #7699BF - #8B9AF2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E848C 0%, #7699BF 50%, #8B9AF2 100%);
    background: -webkit-linear-gradient(top, #5E848C 0%, #7699BF 50%, #8B9AF2 100%);
    background: linear-gradient(to bottom, #5E848C 0%, #7699BF 50%, #8B9AF2 100%);
}
</style>