#413C3C - #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 #413C3C to #121111

#413C3C #121111

Calculate the color between two colors, #413C3C 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)

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

0.0%	0.0% #413C3C	RGB 65 60 60	#413C3C
16.7%	16.7% #393434	RGB 57 52 52	#393434
33.3%	33.3% #312D2D	RGB 49 45 45	#312D2D
50.0%	50.0% #292626	RGB 41 38 38	#292626
66.7%	66.7% #211F1F	RGB 33 31 31	#211F1F
83.3%	83.3% #191818	RGB 25 24 24	#191818
100.0%	100.0% #121111	RGB 18 17 17	#121111

#413C3C #393434 #312D2D #292626 #211F1F #191818 #121111

#413C3C - #121111

HSV Blend

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

0.0%	0.0% #413C3C	RGB 65 60 60	#413C3C
16.7%	16.7% #393434	RGB 57 52 52	#393434
33.3%	33.3% #312D2D	RGB 49 45 45	#312D2D
50.0%	50.0% #292626	RGB 41 38 38	#292626
66.7%	66.7% #211F1F	RGB 33 31 31	#211F1F
83.3%	83.3% #191818	RGB 25 24 24	#191818
100.0%	100.0% #121111	RGB 18 17 17	#121111

#413C3C #393434 #312D2D #292626 #211F1F #191818 #121111

#413C3C - #292626 - #121111

CSS codes

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

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