#3E4562 - #8F878B | 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 #3E4562 to #8F878B

#3E4562 #8F878B

Calculate the color between two colors, #3E4562 and #8F878B. 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)

#3E4562 - #8F878B | 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 #3E4562 as 0% and #8F878B as 100%.

0.0%	0.0% #3E4562	RGB 62 69 98	#3E4562
16.7%	16.7% #4B5068	RGB 75 80 104	#4B5068
33.3%	33.3% #595B6F	RGB 89 91 111	#595B6F
50.0%	50.0% #666676	RGB 102 102 118	#666676
66.7%	66.7% #74717D	RGB 116 113 125	#74717D
83.3%	83.3% #817C84	RGB 129 124 132	#817C84
100.0%	100.0% #8F878B	RGB 143 135 139	#8F878B

#3E4562 #4B5068 #595B6F #666676 #74717D #817C84 #8F878B

#3E4562 - #8F878B

HSV Blend

#3E4562 - #8F878B | 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 #3E4562 as 0% and #8F878B as 100%.

0.0%	0.0% #3E4462	RGB 62 68 98	#3E4462
16.7%	16.7% #4B4869	RGB 75 72 105	#4B4869
33.3%	33.3% #5E5371	RGB 94 83 113	#5E5371
50.0%	50.0% #6F5E78	RGB 111 94 120	#6F5E78
66.7%	66.7% #7E6B80	RGB 126 107 128	#7E6B80
83.3%	83.3% #877884	RGB 135 120 132	#877884
100.0%	100.0% #8F878B	RGB 143 135 139	#8F878B

#3E4462 #4B4869 #5E5371 #6F5E78 #7E6B80 #877884 #8F878B

#3E4562 - #6F5E78 - #8F878B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4462 0%, #6F5E78 50%, #8F878B 100%);
    background: -webkit-linear-gradient(top, #3E4462 0%, #6F5E78 50%, #8F878B 100%);
    background: linear-gradient(to bottom, #3E4462 0%, #6F5E78 50%, #8F878B 100%);
}
</style>