#9EA9FF - #394DD2 | 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 #9EA9FF to #394DD2

#9EA9FF #394DD2

Calculate the color between two colors, #9EA9FF and #394DD2. 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)

#9EA9FF - #394DD2 | 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 #9EA9FF as 0% and #394DD2 as 100%.

0.0%	0.0% #9EA9FF	RGB 158 169 255	#9EA9FF
16.7%	16.7% #8D99F7	RGB 141 153 247	#8D99F7
33.3%	33.3% #7C8AF0	RGB 124 138 240	#7C8AF0
50.0%	50.0% #6B7BE8	RGB 107 123 232	#6B7BE8
66.7%	66.7% #5A6BE1	RGB 90 107 225	#5A6BE1
83.3%	83.3% #495CD9	RGB 73 92 217	#495CD9
100.0%	100.0% #394DD2	RGB 57 77 210	#394DD2

#9EA9FF #8D99F7 #7C8AF0 #6B7BE8 #5A6BE1 #495CD9 #394DD2

#9EA9FF - #394DD2

HSV Blend

#9EA9FF - #394DD2 | 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 #9EA9FF as 0% and #394DD2 as 100%.

0.0%	0.0% #9EA8FF	RGB 158 168 255	#9EA8FF
16.7%	16.7% #8A97F7	RGB 138 151 247	#8A97F7
33.3%	33.3% #7887F0	RGB 120 135 240	#7887F0
50.0%	50.0% #6777E8	RGB 103 119 232	#6777E8
66.7%	66.7% #5768E1	RGB 87 104 225	#5768E1
83.3%	83.3% #475AD9	RGB 71 90 217	#475AD9
100.0%	100.0% #394DD2	RGB 57 77 210	#394DD2

#9EA8FF #8A97F7 #7887F0 #6777E8 #5768E1 #475AD9 #394DD2

#9EA9FF - #6777E8 - #394DD2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9EA8FF 0%, #6777E8 50%, #394DD2 100%);
    background: -webkit-linear-gradient(top, #9EA8FF 0%, #6777E8 50%, #394DD2 100%);
    background: linear-gradient(to bottom, #9EA8FF 0%, #6777E8 50%, #394DD2 100%);
}
</style>