#3C3C3E - #021A02 | 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 #021A02

#3C3C3E #021A02

Calculate the color between two colors, #3C3C3E and #021A02. 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 - #021A02 | 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 #021A02 as 100%.

0.0%	0.0% #3C3C3E	RGB 60 60 62	#3C3C3E
16.7%	16.7% #323634	RGB 50 54 52	#323634
33.3%	33.3% #28302A	RGB 40 48 42	#28302A
50.0%	50.0% #1F2B20	RGB 31 43 32	#1F2B20
66.7%	66.7% #152516	RGB 21 37 22	#152516
83.3%	83.3% #0B1F0C	RGB 11 31 12	#0B1F0C
100.0%	100.0% #021A02	RGB 2 26 2	#021A02

#3C3C3E #323634 #28302A #1F2B20 #152516 #0B1F0C #021A02

#3C3C3E - #021A02

HSV Blend

#3C3C3E - #021A02 | 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 #021A02 as 100%.

0.0%	0.0% #3C3C3E	RGB 60 60 62	#3C3C3E
16.7%	16.7% #2D3138	RGB 45 49 56	#2D3138
33.3%	33.3% #212C32	RGB 33 44 50	#212C32
50.0%	50.0% #162C2C	RGB 22 44 44	#162C2C
66.7%	66.7% #0E261E	RGB 14 38 30	#0E261E
83.3%	83.3% #07200F	RGB 7 32 15	#07200F
100.0%	100.0% #021A02	RGB 2 26 2	#021A02

#3C3C3E #2D3138 #212C32 #162C2C #0E261E #07200F #021A02

#3C3C3E - #162C2C - #021A02

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3C3E 0%, #162C2C 50%, #021A02 100%);
    background: -webkit-linear-gradient(top, #3C3C3E 0%, #162C2C 50%, #021A02 100%);
    background: linear-gradient(to bottom, #3C3C3E 0%, #162C2C 50%, #021A02 100%);
}
</style>