#939CAA - #3E5A8B | 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 #939CAA to #3E5A8B

#939CAA #3E5A8B

Calculate the color between two colors, #939CAA and #3E5A8B. 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)

#939CAA - #3E5A8B | 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 #939CAA as 0% and #3E5A8B as 100%.

0.0%	0.0% #939CAA	RGB 147 156 170	#939CAA
16.7%	16.7% #8491A4	RGB 132 145 164	#8491A4
33.3%	33.3% #76869F	RGB 118 134 159	#76869F
50.0%	50.0% #687B9A	RGB 104 123 154	#687B9A
66.7%	66.7% #5A7095	RGB 90 112 149	#5A7095
83.3%	83.3% #4C6590	RGB 76 101 144	#4C6590
100.0%	100.0% #3E5A8B	RGB 62 90 139	#3E5A8B

#939CAA #8491A4 #76869F #687B9A #5A7095 #4C6590 #3E5A8B

#939CAA - #3E5A8B

HSV Blend

#939CAA - #3E5A8B | 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 #939CAA as 0% and #3E5A8B as 100%.

0.0%	0.0% #939CAA	RGB 147 156 170	#939CAA
16.7%	16.7% #8390A4	RGB 131 144 164	#8390A4
33.3%	33.3% #73849F	RGB 115 132 159	#73849F
50.0%	50.0% #65799A	RGB 101 121 154	#65799A
66.7%	66.7% #576E95	RGB 87 110 149	#576E95
83.3%	83.3% #4A6490	RGB 74 100 144	#4A6490
100.0%	100.0% #3E5A8B	RGB 62 90 139	#3E5A8B

#939CAA #8390A4 #73849F #65799A #576E95 #4A6490 #3E5A8B

#939CAA - #65799A - #3E5A8B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #939CAA 0%, #65799A 50%, #3E5A8B 100%);
    background: -webkit-linear-gradient(top, #939CAA 0%, #65799A 50%, #3E5A8B 100%);
    background: linear-gradient(to bottom, #939CAA 0%, #65799A 50%, #3E5A8B 100%);
}
</style>