#5E61AA - #B6B6C2 | 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 #5E61AA to #B6B6C2

#5E61AA #B6B6C2

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

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

0.0%	0.0% #5E61AA	RGB 94 97 170	#5E61AA
16.7%	16.7% #6C6FAE	RGB 108 111 174	#6C6FAE
33.3%	33.3% #7B7DB2	RGB 123 125 178	#7B7DB2
50.0%	50.0% #8A8BB6	RGB 138 139 182	#8A8BB6
66.7%	66.7% #9899BA	RGB 152 153 186	#9899BA
83.3%	83.3% #A7A7BE	RGB 167 167 190	#A7A7BE
100.0%	100.0% #B6B6C2	RGB 182 182 194	#B6B6C2

#5E61AA #6C6FAE #7B7DB2 #8A8BB6 #9899BA #A7A7BE #B6B6C2

#5E61AA - #B6B6C2

HSV Blend

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

0.0%	0.0% #5E61AA	RGB 94 97 170	#5E61AA
16.7%	16.7% #6B6DAE	RGB 107 109 174	#6B6DAE
33.3%	33.3% #797AB2	RGB 121 122 178	#797AB2
50.0%	50.0% #8788B6	RGB 135 136 182	#8788B6
66.7%	66.7% #9697BA	RGB 150 151 186	#9697BA
83.3%	83.3% #A6A6BE	RGB 166 166 190	#A6A6BE
100.0%	100.0% #B6B6C2	RGB 182 182 194	#B6B6C2

#5E61AA #6B6DAE #797AB2 #8788B6 #9697BA #A6A6BE #B6B6C2

#5E61AA - #8788B6 - #B6B6C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E61AA 0%, #8788B6 50%, #B6B6C2 100%);
    background: -webkit-linear-gradient(top, #5E61AA 0%, #8788B6 50%, #B6B6C2 100%);
    background: linear-gradient(to bottom, #5E61AA 0%, #8788B6 50%, #B6B6C2 100%);
}
</style>