#3C4E4D - #002F21 | 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 #3C4E4D to #002F21

#3C4E4D #002F21

Calculate the color between two colors, #3C4E4D and #002F21. 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)

#3C4E4D - #002F21 | 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 #3C4E4D as 0% and #002F21 as 100%.

0.0%	0.0% #3C4E4D	RGB 60 78 77	#3C4E4D
16.7%	16.7% #324845	RGB 50 72 69	#324845
33.3%	33.3% #28433E	RGB 40 67 62	#28433E
50.0%	50.0% #1E3E37	RGB 30 62 55	#1E3E37
66.7%	66.7% #14392F	RGB 20 57 47	#14392F
83.3%	83.3% #0A3428	RGB 10 52 40	#0A3428
100.0%	100.0% #002F21	RGB 0 47 33	#002F21

#3C4E4D #324845 #28433E #1E3E37 #14392F #0A3428 #002F21

#3C4E4D - #002F21

HSV Blend

#3C4E4D - #002F21 | 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 #3C4E4D as 0% and #002F21 as 100%.

0.0%	0.0% #3C4E4D	RGB 60 78 77	#3C4E4D
16.7%	16.7% #2E4846	RGB 46 72 70	#2E4846
33.3%	33.3% #22433F	RGB 34 67 63	#22433F
50.0%	50.0% #183E37	RGB 24 62 55	#183E37
66.7%	66.7% #0E3930	RGB 14 57 48	#0E3930
83.3%	83.3% #063428	RGB 6 52 40	#063428
100.0%	100.0% #002F21	RGB 0 47 33	#002F21

#3C4E4D #2E4846 #22433F #183E37 #0E3930 #063428 #002F21

#3C4E4D - #183E37 - #002F21

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C4E4D 0%, #183E37 50%, #002F21 100%);
    background: -webkit-linear-gradient(top, #3C4E4D 0%, #183E37 50%, #002F21 100%);
    background: linear-gradient(to bottom, #3C4E4D 0%, #183E37 50%, #002F21 100%);
}
</style>