#3D4D4D - #003021 | 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 #3D4D4D to #003021

#3D4D4D #003021

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

#3D4D4D - #003021 | 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 #3D4D4D as 0% and #003021 as 100%.

0.0%	0.0% #3D4D4D	RGB 61 77 77	#3D4D4D
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% #003021	RGB 0 48 33	#003021

#3D4D4D #324845 #28433E #1E3E37 #14392F #0A3428 #003021

#3D4D4D - #003021

HSV Blend

#3D4D4D - #003021 | 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 #3D4D4D as 0% and #003021 as 100%.

0.0%	0.0% #3D4D4D	RGB 61 77 77	#3D4D4D
16.7%	16.7% #2F4846	RGB 47 72 70	#2F4846
33.3%	33.3% #234340	RGB 35 67 64	#234340
50.0%	50.0% #183E38	RGB 24 62 56	#183E38
66.7%	66.7% #0F3930	RGB 15 57 48	#0F3930
83.3%	83.3% #063428	RGB 6 52 40	#063428
100.0%	100.0% #003021	RGB 0 48 33	#003021

#3D4D4D #2F4846 #234340 #183E38 #0F3930 #063428 #003021

#3D4D4D - #183E38 - #003021

CSS codes

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

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