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

#3D4D4C #002F21

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

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

0.0%	0.0% #3D4D4C	RGB 61 77 76	#3D4D4C
16.7%	16.7% #324844	RGB 50 72 68	#324844
33.3%	33.3% #28433D	RGB 40 67 61	#28433D
50.0%	50.0% #1E3E36	RGB 30 62 54	#1E3E36
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

#3D4D4C #324844 #28433D #1E3E36 #14392F #0A3428 #002F21

#3D4D4C - #002F21

HSV Blend

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

0.0%	0.0% #3D4D4C	RGB 61 77 76	#3D4D4C
16.7%	16.7% #2F4845	RGB 47 72 69	#2F4845
33.3%	33.3% #23433E	RGB 35 67 62	#23433E
50.0%	50.0% #183E37	RGB 24 62 55	#183E37
66.7%	66.7% #0F392F	RGB 15 57 47	#0F392F
83.3%	83.3% #063428	RGB 6 52 40	#063428
100.0%	100.0% #002F21	RGB 0 47 33	#002F21

#3D4D4C #2F4845 #23433E #183E37 #0F392F #063428 #002F21

#3D4D4C - #183E37 - #002F21

CSS codes

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

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