#6E6B5E - #242722 | 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 #6E6B5E to #242722

#6E6B5E #242722

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

#6E6B5E - #242722 | 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 #6E6B5E as 0% and #242722 as 100%.

0.0%	0.0% #6E6B5E	RGB 110 107 94	#6E6B5E
16.7%	16.7% #615F54	RGB 97 95 84	#615F54
33.3%	33.3% #55544A	RGB 85 84 74	#55544A
50.0%	50.0% #494940	RGB 73 73 64	#494940
66.7%	66.7% #3C3D36	RGB 60 61 54	#3C3D36
83.3%	83.3% #30322C	RGB 48 50 44	#30322C
100.0%	100.0% #242722	RGB 36 39 34	#242722

#6E6B5E #615F54 #55544A #494940 #3C3D36 #30322C #242722

#6E6B5E - #242722

HSV Blend

#6E6B5E - #242722 | 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 #6E6B5E as 0% and #242722 as 100%.

0.0%	0.0% #6E6B5E	RGB 110 107 94	#6E6B5E
16.7%	16.7% #626154	RGB 98 97 84	#626154
33.3%	33.3% #55564A	RGB 85 86 74	#55564A
50.0%	50.0% #484A40	RGB 72 74 64	#484A40
66.7%	66.7% #3B3E36	RGB 59 62 54	#3B3E36
83.3%	83.3% #2F322C	RGB 47 50 44	#2F322C
100.0%	100.0% #242722	RGB 36 39 34	#242722

#6E6B5E #626154 #55564A #484A40 #3B3E36 #2F322C #242722

#6E6B5E - #484A40 - #242722

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E6B5E 0%, #484A40 50%, #242722 100%);
    background: -webkit-linear-gradient(top, #6E6B5E 0%, #484A40 50%, #242722 100%);
    background: linear-gradient(to bottom, #6E6B5E 0%, #484A40 50%, #242722 100%);
}
</style>