#5E828C - #8B95F2 | 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 #5E828C to #8B95F2

#5E828C #8B95F2

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

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

0.0%	0.0% #5E828C	RGB 94 130 140	#5E828C
16.7%	16.7% #65859D	RGB 101 133 157	#65859D
33.3%	33.3% #6D88AE	RGB 109 136 174	#6D88AE
50.0%	50.0% #748BBF	RGB 116 139 191	#748BBF
66.7%	66.7% #7C8ED0	RGB 124 142 208	#7C8ED0
83.3%	83.3% #8391E1	RGB 131 145 225	#8391E1
100.0%	100.0% #8B95F2	RGB 139 149 242	#8B95F2

#5E828C #65859D #6D88AE #748BBF #7C8ED0 #8391E1 #8B95F2

#5E828C - #8B95F2

HSV Blend

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

0.0%	0.0% #5E828C	RGB 94 130 140	#5E828C
16.7%	16.7% #668B9D	RGB 102 139 157	#668B9D
33.3%	33.3% #6F91AE	RGB 111 145 174	#6F91AE
50.0%	50.0% #7696BF	RGB 118 150 191	#7696BF
66.7%	66.7% #7E98D0	RGB 126 152 208	#7E98D0
83.3%	83.3% #8498E1	RGB 132 152 225	#8498E1
100.0%	100.0% #8B95F2	RGB 139 149 242	#8B95F2

#5E828C #668B9D #6F91AE #7696BF #7E98D0 #8498E1 #8B95F2

#5E828C - #7696BF - #8B95F2

CSS codes

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

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