#6E5E62 - #46231C | 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 #6E5E62 to #46231C

#6E5E62 #46231C

Calculate the color between two colors, #6E5E62 and #46231C. 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)

#6E5E62 - #46231C | 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 #6E5E62 as 0% and #46231C as 100%.

0.0%	0.0% #6E5E62	RGB 110 94 98	#6E5E62
16.7%	16.7% #675456	RGB 103 84 86	#675456
33.3%	33.3% #604A4A	RGB 96 74 74	#604A4A
50.0%	50.0% #5A403F	RGB 90 64 63	#5A403F
66.7%	66.7% #533633	RGB 83 54 51	#533633
83.3%	83.3% #4C2C27	RGB 76 44 39	#4C2C27
100.0%	100.0% #46231C	RGB 70 35 28	#46231C

#6E5E62 #675456 #604A4A #5A403F #533633 #4C2C27 #46231C

#6E5E62 - #46231C

HSV Blend

#6E5E62 - #46231C | 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 #6E5E62 as 0% and #46231C as 100%.

0.0%	0.0% #6E5E62	RGB 110 94 98	#6E5E62
16.7%	16.7% #675054	RGB 103 80 84	#675054
33.3%	33.3% #604347	RGB 96 67 71	#604347
50.0%	50.0% #5A3839	RGB 90 56 57	#5A3839
66.7%	66.7% #532E2D	RGB 83 46 45	#532E2D
83.3%	83.3% #4C2824	RGB 76 40 36	#4C2824
100.0%	100.0% #46231C	RGB 70 35 28	#46231C

#6E5E62 #675054 #604347 #5A3839 #532E2D #4C2824 #46231C

#6E5E62 - #5A3839 - #46231C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5E62 0%, #5A3839 50%, #46231C 100%);
    background: -webkit-linear-gradient(top, #6E5E62 0%, #5A3839 50%, #46231C 100%);
    background: linear-gradient(to bottom, #6E5E62 0%, #5A3839 50%, #46231C 100%);
}
</style>