#3E4162 - #8B828A | 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 #3E4162 to #8B828A

#3E4162 #8B828A

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

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

0.0%	0.0% #3E4162	RGB 62 65 98	#3E4162
16.7%	16.7% #4A4B68	RGB 74 75 104	#4A4B68
33.3%	33.3% #57566F	RGB 87 86 111	#57566F
50.0%	50.0% #646176	RGB 100 97 118	#646176
66.7%	66.7% #716C7C	RGB 113 108 124	#716C7C
83.3%	83.3% #7E7783	RGB 126 119 131	#7E7783
100.0%	100.0% #8B828A	RGB 139 130 138	#8B828A

#3E4162 #4A4B68 #57566F #646176 #716C7C #7E7783 #8B828A

#3E4162 - #8B828A

HSV Blend

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

0.0%	0.0% #3E4162	RGB 62 65 98	#3E4162
16.7%	16.7% #4B4768	RGB 75 71 104	#4B4768
33.3%	33.3% #5B516F	RGB 91 81 111	#5B516F
50.0%	50.0% #6A5C76	RGB 106 92 118	#6A5C76
66.7%	66.7% #77687D	RGB 119 104 125	#77687D
83.3%	83.3% #827484	RGB 130 116 132	#827484
100.0%	100.0% #8B828A	RGB 139 130 138	#8B828A

#3E4162 #4B4768 #5B516F #6A5C76 #77687D #827484 #8B828A

#3E4162 - #6A5C76 - #8B828A

CSS codes

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

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