#5E78AA - #8277FB | 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 #5E78AA to #8277FB

#5E78AA #8277FB

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

#5E78AA - #8277FB | 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 #5E78AA as 0% and #8277FB as 100%.

0.0%	0.0% #5E78AA	RGB 94 120 170	#5E78AA
16.7%	16.7% #6477B7	RGB 100 119 183	#6477B7
33.3%	33.3% #6A77C5	RGB 106 119 197	#6A77C5
50.0%	50.0% #7077D2	RGB 112 119 210	#7077D2
66.7%	66.7% #7677E0	RGB 118 119 224	#7677E0
83.3%	83.3% #7C77ED	RGB 124 119 237	#7C77ED
100.0%	100.0% #8277FB	RGB 130 119 251	#8277FB

#5E78AA #6477B7 #6A77C5 #7077D2 #7677E0 #7C77ED #8277FB

#5E78AA - #8277FB

HSV Blend

#5E78AA - #8277FB | 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 #5E78AA as 0% and #8277FB as 100%.

0.0%	0.0% #5E78AA	RGB 94 120 170	#5E78AA
16.7%	16.7% #6379B7	RGB 99 121 183	#6379B7
33.3%	33.3% #677AC5	RGB 103 122 197	#677AC5
50.0%	50.0% #6C79D2	RGB 108 121 210	#6C79D2
66.7%	66.7% #7076E0	RGB 112 118 224	#7076E0
83.3%	83.3% #7573ED	RGB 117 115 237	#7573ED
100.0%	100.0% #8277FB	RGB 130 119 251	#8277FB

#5E78AA #6379B7 #677AC5 #6C79D2 #7076E0 #7573ED #8277FB

#5E78AA - #6C79D2 - #8277FB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E78AA 0%, #6C79D2 50%, #8277FB 100%);
    background: -webkit-linear-gradient(top, #5E78AA 0%, #6C79D2 50%, #8277FB 100%);
    background: linear-gradient(to bottom, #5E78AA 0%, #6C79D2 50%, #8277FB 100%);
}
</style>