#3E649B - #9BAEC0 | 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 #3E649B to #9BAEC0

#3E649B #9BAEC0

Calculate the color between two colors, #3E649B and #9BAEC0. 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)

#3E649B - #9BAEC0 | 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 #3E649B as 0% and #9BAEC0 as 100%.

0.0%	0.0% #3E649B	RGB 62 100 155	#3E649B
16.7%	16.7% #4D70A1	RGB 77 112 161	#4D70A1
33.3%	33.3% #5D7CA7	RGB 93 124 167	#5D7CA7
50.0%	50.0% #6C89AD	RGB 108 137 173	#6C89AD
66.7%	66.7% #7C95B3	RGB 124 149 179	#7C95B3
83.3%	83.3% #8BA1B9	RGB 139 161 185	#8BA1B9
100.0%	100.0% #9BAEC0	RGB 155 174 192	#9BAEC0

#3E649B #4D70A1 #5D7CA7 #6C89AD #7C95B3 #8BA1B9 #9BAEC0

#3E649B - #9BAEC0

HSV Blend

#3E649B - #9BAEC0 | 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 #3E649B as 0% and #9BAEC0 as 100%.

0.0%	0.0% #3E649B	RGB 62 100 155	#3E649B
16.7%	16.7% #4B6FA1	RGB 75 111 161	#4B6FA1
33.3%	33.3% #597CA7	RGB 89 124 167	#597CA7
50.0%	50.0% #6888AD	RGB 104 136 173	#6888AD
66.7%	66.7% #7894B3	RGB 120 148 179	#7894B3
83.3%	83.3% #89A1B9	RGB 137 161 185	#89A1B9
100.0%	100.0% #9BAEC0	RGB 155 174 192	#9BAEC0

#3E649B #4B6FA1 #597CA7 #6888AD #7894B3 #89A1B9 #9BAEC0

#3E649B - #6888AD - #9BAEC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E649B 0%, #6888AD 50%, #9BAEC0 100%);
    background: -webkit-linear-gradient(top, #3E649B 0%, #6888AD 50%, #9BAEC0 100%);
    background: linear-gradient(to bottom, #3E649B 0%, #6888AD 50%, #9BAEC0 100%);
}
</style>