#423E3C - #121111 | 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 #423E3C to #121111

#423E3C #121111

Calculate the color between two colors, #423E3C and #121111. 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)

#423E3C - #121111 | 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 #423E3C as 0% and #121111 as 100%.

0.0%	0.0% #423E3C	RGB 66 62 60	#423E3C
16.7%	16.7% #3A3634	RGB 58 54 52	#3A3634
33.3%	33.3% #322F2D	RGB 50 47 45	#322F2D
50.0%	50.0% #2A2726	RGB 42 39 38	#2A2726
66.7%	66.7% #22201F	RGB 34 32 31	#22201F
83.3%	83.3% #1A1818	RGB 26 24 24	#1A1818
100.0%	100.0% #121111	RGB 18 17 17	#121111

#423E3C #3A3634 #322F2D #2A2726 #22201F #1A1818 #121111

#423E3C - #121111

HSV Blend

#423E3C - #121111 | 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 #423E3C as 0% and #121111 as 100%.

0.0%	0.0% #423E3C	RGB 66 62 60	#423E3C
16.7%	16.7% #3A3635	RGB 58 54 53	#3A3635
33.3%	33.3% #322E2E	RGB 50 46 46	#322E2E
50.0%	50.0% #2A2726	RGB 42 39 38	#2A2726
66.7%	66.7% #221F1F	RGB 34 31 31	#221F1F
83.3%	83.3% #1A1818	RGB 26 24 24	#1A1818
100.0%	100.0% #121111	RGB 18 17 17	#121111

#423E3C #3A3635 #322E2E #2A2726 #221F1F #1A1818 #121111

#423E3C - #2A2726 - #121111

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #423E3C 0%, #2A2726 50%, #121111 100%);
    background: -webkit-linear-gradient(top, #423E3C 0%, #2A2726 50%, #121111 100%);
    background: linear-gradient(to bottom, #423E3C 0%, #2A2726 50%, #121111 100%);
}
</style>