#3E4640 - #846A8C | 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 #3E4640 to #846A8C

#3E4640 #846A8C

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

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

0.0%	0.0% #3E4640	RGB 62 70 64	#3E4640
16.7%	16.7% #494C4C	RGB 73 76 76	#494C4C
33.3%	33.3% #555259	RGB 85 82 89	#555259
50.0%	50.0% #615866	RGB 97 88 102	#615866
66.7%	66.7% #6C5E72	RGB 108 94 114	#6C5E72
83.3%	83.3% #78647F	RGB 120 100 127	#78647F
100.0%	100.0% #846A8C	RGB 132 106 140	#846A8C

#3E4640 #494C4C #555259 #615866 #6C5E72 #78647F #846A8C

#3E4640 - #846A8C

HSV Blend

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

0.0%	0.0% #3E4640	RGB 62 70 64	#3E4640
16.7%	16.7% #46514D	RGB 70 81 77	#46514D
33.3%	33.3% #4E5C5D	RGB 78 92 93	#4E5C5D
50.0%	50.0% #565F69	RGB 86 95 105	#565F69
66.7%	66.7% #5D5F74	RGB 93 95 116	#5D5F74
83.3%	83.3% #6D6380	RGB 109 99 128	#6D6380
100.0%	100.0% #846A8C	RGB 132 106 140	#846A8C

#3E4640 #46514D #4E5C5D #565F69 #5D5F74 #6D6380 #846A8C

#3E4640 - #565F69 - #846A8C

CSS codes

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

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