#3C3C3E - #00072D | 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 #00072D

#3C3C3E #00072D

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

0.0%	0.0% #3C3C3E	RGB 60 60 62	#3C3C3E
16.7%	16.7% #32333B	RGB 50 51 59	#32333B
33.3%	33.3% #282A38	RGB 40 42 56	#282A38
50.0%	50.0% #1E2135	RGB 30 33 53	#1E2135
66.7%	66.7% #141832	RGB 20 24 50	#141832
83.3%	83.3% #0A0F2F	RGB 10 15 47	#0A0F2F
100.0%	100.0% #00072D	RGB 0 7 45	#00072D

#3C3C3E #32333B #282A38 #1E2135 #141832 #0A0F2F #00072D

#3C3C3E - #00072D

HSV Blend

#3C3C3E - #00072D | 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 #00072D as 100%.

0.0%	0.0% #3C3C3E	RGB 60 60 62	#3C3C3E
16.7%	16.7% #2F303B	RGB 47 48 59	#2F303B
33.3%	33.3% #242538	RGB 36 37 56	#242538
50.0%	50.0% #191C35	RGB 25 28 53	#191C35
66.7%	66.7% #101332	RGB 16 19 50	#101332
83.3%	83.3% #070C2F	RGB 7 12 47	#070C2F
100.0%	100.0% #00072D	RGB 0 7 45	#00072D

#3C3C3E #2F303B #242538 #191C35 #101332 #070C2F #00072D

#3C3C3E - #191C35 - #00072D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3C3E 0%, #191C35 50%, #00072D 100%);
    background: -webkit-linear-gradient(top, #3C3C3E 0%, #191C35 50%, #00072D 100%);
    background: linear-gradient(to bottom, #3C3C3E 0%, #191C35 50%, #00072D 100%);
}
</style>