#5E6B8C - #B28BF2 | 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 #5E6B8C to #B28BF2

#5E6B8C #B28BF2

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

#5E6B8C - #B28BF2 | 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 #5E6B8C as 0% and #B28BF2 as 100%.

0.0%	0.0% #5E6B8C	RGB 94 107 140	#5E6B8C
16.7%	16.7% #6C709D	RGB 108 112 157	#6C709D
33.3%	33.3% #7A75AE	RGB 122 117 174	#7A75AE
50.0%	50.0% #887BBF	RGB 136 123 191	#887BBF
66.7%	66.7% #9680D0	RGB 150 128 208	#9680D0
83.3%	83.3% #A485E1	RGB 164 133 225	#A485E1
100.0%	100.0% #B28BF2	RGB 178 139 242	#B28BF2

#5E6B8C #6C709D #7A75AE #887BBF #9680D0 #A485E1 #B28BF2

#5E6B8C - #B28BF2

HSV Blend

#5E6B8C - #B28BF2 | 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 #5E6B8C as 0% and #B28BF2 as 100%.

0.0%	0.0% #5E6B8C	RGB 94 107 140	#5E6B8C
16.7%	16.7% #66709D	RGB 102 112 157	#66709D
33.3%	33.3% #6F73AE	RGB 111 115 174	#6F73AE
50.0%	50.0% #7A76BF	RGB 122 118 191	#7A76BF
66.7%	66.7% #8B7ED0	RGB 139 126 208	#8B7ED0
83.3%	83.3% #9D84E1	RGB 157 132 225	#9D84E1
100.0%	100.0% #B28BF2	RGB 178 139 242	#B28BF2

#5E6B8C #66709D #6F73AE #7A76BF #8B7ED0 #9D84E1 #B28BF2

#5E6B8C - #7A76BF - #B28BF2

CSS codes

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

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