#3E463F - #806A8C | 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 #3E463F to #806A8C

#3E463F #806A8C

Calculate the color between two colors, #3E463F and #806A8C. 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)

#3E463F - #806A8C | 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 #3E463F as 0% and #806A8C as 100%.

0.0%	0.0% #3E463F	RGB 62 70 63	#3E463F
16.7%	16.7% #494C4B	RGB 73 76 75	#494C4B
33.3%	33.3% #545258	RGB 84 82 88	#545258
50.0%	50.0% #5F5865	RGB 95 88 101	#5F5865
66.7%	66.7% #6A5E72	RGB 106 94 114	#6A5E72
83.3%	83.3% #75647F	RGB 117 100 127	#75647F
100.0%	100.0% #806A8C	RGB 128 106 140	#806A8C

#3E463F #494C4B #545258 #5F5865 #6A5E72 #75647F #806A8C

#3E463F - #806A8C

HSV Blend

#3E463F - #806A8C | 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 #3E463F as 0% and #806A8C as 100%.

0.0%	0.0% #3E463F	RGB 62 70 63	#3E463F
16.7%	16.7% #46514C	RGB 70 81 76	#46514C
33.3%	33.3% #4E5D5C	RGB 78 93 92	#4E5D5C
50.0%	50.0% #566169	RGB 86 97 105	#566169
66.7%	66.7% #5D6174	RGB 93 97 116	#5D6174
83.3%	83.3% #6A6380	RGB 106 99 128	#6A6380
100.0%	100.0% #806A8C	RGB 128 106 140	#806A8C

#3E463F #46514C #4E5D5C #566169 #5D6174 #6A6380 #806A8C

#3E463F - #566169 - #806A8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E463F 0%, #566169 50%, #806A8C 100%);
    background: -webkit-linear-gradient(top, #3E463F 0%, #566169 50%, #806A8C 100%);
    background: linear-gradient(to bottom, #3E463F 0%, #566169 50%, #806A8C 100%);
}
</style>