#5E5EB2 - #9EA5CC | 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 #5E5EB2 to #9EA5CC

#5E5EB2 #9EA5CC

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

#5E5EB2 - #9EA5CC | 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 #5E5EB2 as 0% and #9EA5CC as 100%.

0.0%	0.0% #5E5EB2	RGB 94 94 178	#5E5EB2
16.7%	16.7% #6869B6	RGB 104 105 182	#6869B6
33.3%	33.3% #7375BA	RGB 115 117 186	#7375BA
50.0%	50.0% #7E81BF	RGB 126 129 191	#7E81BF
66.7%	66.7% #888DC3	RGB 136 141 195	#888DC3
83.3%	83.3% #9399C7	RGB 147 153 199	#9399C7
100.0%	100.0% #9EA5CC	RGB 158 165 204	#9EA5CC

#5E5EB2 #6869B6 #7375BA #7E81BF #888DC3 #9399C7 #9EA5CC

#5E5EB2 - #9EA5CC

HSV Blend

#5E5EB2 - #9EA5CC | 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 #5E5EB2 as 0% and #9EA5CC as 100%.

0.0%	0.0% #5E5EB2	RGB 94 94 178	#5E5EB2
16.7%	16.7% #6769B6	RGB 103 105 182	#6769B6
33.3%	33.3% #7175BA	RGB 113 117 186	#7175BA
50.0%	50.0% #7C81BF	RGB 124 129 191	#7C81BF
66.7%	66.7% #878DC3	RGB 135 141 195	#878DC3
83.3%	83.3% #9299C7	RGB 146 153 199	#9299C7
100.0%	100.0% #9EA5CC	RGB 158 165 204	#9EA5CC

#5E5EB2 #6769B6 #7175BA #7C81BF #878DC3 #9299C7 #9EA5CC

#5E5EB2 - #7C81BF - #9EA5CC

CSS codes

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

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