#5E77AF - #B091FB | 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 #5E77AF to #B091FB

#5E77AF #B091FB

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

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

0.0%	0.0% #5E77AF	RGB 94 119 175	#5E77AF
16.7%	16.7% #6B7BBB	RGB 107 123 187	#6B7BBB
33.3%	33.3% #797FC8	RGB 121 127 200	#797FC8
50.0%	50.0% #8784D5	RGB 135 132 213	#8784D5
66.7%	66.7% #9488E1	RGB 148 136 225	#9488E1
83.3%	83.3% #A28CEE	RGB 162 140 238	#A28CEE
100.0%	100.0% #B091FB	RGB 176 145 251	#B091FB

#5E77AF #6B7BBB #797FC8 #8784D5 #9488E1 #A28CEE #B091FB

#5E77AF - #B091FB

HSV Blend

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

0.0%	0.0% #5E77AF	RGB 94 119 175	#5E77AF
16.7%	16.7% #6677BB	RGB 102 119 187	#6677BB
33.3%	33.3% #6E78C8	RGB 110 120 200	#6E78C8
50.0%	50.0% #7677D5	RGB 118 119 213	#7677D5
66.7%	66.7% #887FE1	RGB 136 127 225	#887FE1
83.3%	83.3% #9B88EE	RGB 155 136 238	#9B88EE
100.0%	100.0% #B091FB	RGB 176 145 251	#B091FB

#5E77AF #6677BB #6E78C8 #7677D5 #887FE1 #9B88EE #B091FB

#5E77AF - #7677D5 - #B091FB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E77AF 0%, #7677D5 50%, #B091FB 100%);
    background: -webkit-linear-gradient(top, #5E77AF 0%, #7677D5 50%, #B091FB 100%);
    background: linear-gradient(to bottom, #5E77AF 0%, #7677D5 50%, #B091FB 100%);
}
</style>