#5E90AC - #868FFB | 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 #5E90AC to #868FFB

#5E90AC #868FFB

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

#5E90AC - #868FFB | 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 #5E90AC as 0% and #868FFB as 100%.

0.0%	0.0% #5E90AC	RGB 94 144 172	#5E90AC
16.7%	16.7% #648FB9	RGB 100 143 185	#648FB9
33.3%	33.3% #6B8FC6	RGB 107 143 198	#6B8FC6
50.0%	50.0% #728FD3	RGB 114 143 211	#728FD3
66.7%	66.7% #788FE0	RGB 120 143 224	#788FE0
83.3%	83.3% #7F8FED	RGB 127 143 237	#7F8FED
100.0%	100.0% #868FFB	RGB 134 143 251	#868FFB

#5E90AC #648FB9 #6B8FC6 #728FD3 #788FE0 #7F8FED #868FFB

#5E90AC - #868FFB

HSV Blend

#5E90AC - #868FFB | 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 #5E90AC as 0% and #868FFB as 100%.

0.0%	0.0% #5E90AC	RGB 94 144 172	#5E90AC
16.7%	16.7% #6492B9	RGB 100 146 185	#6492B9
33.3%	33.3% #6B94C6	RGB 107 148 198	#6B94C6
50.0%	50.0% #7295D3	RGB 114 149 211	#7295D3
66.7%	66.7% #7894E0	RGB 120 148 224	#7894E0
83.3%	83.3% #7F92ED	RGB 127 146 237	#7F92ED
100.0%	100.0% #868FFB	RGB 134 143 251	#868FFB

#5E90AC #6492B9 #6B94C6 #7295D3 #7894E0 #7F92ED #868FFB

#5E90AC - #7295D3 - #868FFB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E90AC 0%, #7295D3 50%, #868FFB 100%);
    background: -webkit-linear-gradient(top, #5E90AC 0%, #7295D3 50%, #868FFB 100%);
    background: linear-gradient(to bottom, #5E90AC 0%, #7295D3 50%, #868FFB 100%);
}
</style>