#3C3C3E - #022D34 | 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 #3C3C3E to #022D34

#3C3C3E #022D34

Calculate the color between two colors, #3C3C3E and #022D34. 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)

#3C3C3E - #022D34 | 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 #3C3C3E as 0% and #022D34 as 100%.

0.0%	0.0% #3C3C3E	RGB 60 60 62	#3C3C3E
16.7%	16.7% #32393C	RGB 50 57 60	#32393C
33.3%	33.3% #28373A	RGB 40 55 58	#28373A
50.0%	50.0% #1F3439	RGB 31 52 57	#1F3439
66.7%	66.7% #153237	RGB 21 50 55	#153237
83.3%	83.3% #0B2F35	RGB 11 47 53	#0B2F35
100.0%	100.0% #022D34	RGB 2 45 52	#022D34

#3C3C3E #32393C #28373A #1F3439 #153237 #0B2F35 #022D34

#3C3C3E - #022D34

HSV Blend

#3C3C3E - #022D34 | 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 #3C3C3E as 0% and #022D34 as 100%.

0.0%	0.0% #3C3C3E	RGB 60 60 62	#3C3C3E
16.7%	16.7% #31323C	RGB 49 50 60	#31323C
33.3%	33.3% #262C3A	RGB 38 44 58	#262C3A
50.0%	50.0% #1C2839	RGB 28 40 57	#1C2839
66.7%	66.7% #132737	RGB 19 39 55	#132737
83.3%	83.3% #0A2935	RGB 10 41 53	#0A2935
100.0%	100.0% #022D34	RGB 2 45 52	#022D34

#3C3C3E #31323C #262C3A #1C2839 #132737 #0A2935 #022D34

#3C3C3E - #1C2839 - #022D34

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3C3E 0%, #1C2839 50%, #022D34 100%);
    background: -webkit-linear-gradient(top, #3C3C3E 0%, #1C2839 50%, #022D34 100%);
    background: linear-gradient(to bottom, #3C3C3E 0%, #1C2839 50%, #022D34 100%);
}
</style>