#5E6CBC - #B082FF | 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 #5E6CBC to #B082FF

#5E6CBC #B082FF

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

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

0.0%	0.0% #5E6CBC	RGB 94 108 188	#5E6CBC
16.7%	16.7% #6B6FC7	RGB 107 111 199	#6B6FC7
33.3%	33.3% #7973D2	RGB 121 115 210	#7973D2
50.0%	50.0% #8777DD	RGB 135 119 221	#8777DD
66.7%	66.7% #947AE8	RGB 148 122 232	#947AE8
83.3%	83.3% #A27EF3	RGB 162 126 243	#A27EF3
100.0%	100.0% #B082FF	RGB 176 130 255	#B082FF

#5E6CBC #6B6FC7 #7973D2 #8777DD #947AE8 #A27EF3 #B082FF

#5E6CBC - #B082FF

HSV Blend

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

0.0%	0.0% #5E6CBC	RGB 94 108 188	#5E6CBC
16.7%	16.7% #636AC7	RGB 99 106 199	#636AC7
33.3%	33.3% #6C69D2	RGB 108 105 210	#6C69D2
50.0%	50.0% #7B6FDD	RGB 123 111 221	#7B6FDD
66.7%	66.7% #8C75E8	RGB 140 117 232	#8C75E8
83.3%	83.3% #9D7BF3	RGB 157 123 243	#9D7BF3
100.0%	100.0% #B082FF	RGB 176 130 255	#B082FF

#5E6CBC #636AC7 #6C69D2 #7B6FDD #8C75E8 #9D7BF3 #B082FF

#5E6CBC - #7B6FDD - #B082FF

CSS codes

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

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