#3D4D4D - #03374C | 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 #03374C

#3D4D4D #03374C

Calculate the color between two colors, #3D4D4D and #03374C. 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 - #03374C | 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 #03374C as 100%.

0.0%	0.0% #3D4D4D	RGB 61 77 77	#3D4D4D
16.7%	16.7% #33494C	RGB 51 73 76	#33494C
33.3%	33.3% #29454C	RGB 41 69 76	#29454C
50.0%	50.0% #20424C	RGB 32 66 76	#20424C
66.7%	66.7% #163E4C	RGB 22 62 76	#163E4C
83.3%	83.3% #0C3A4C	RGB 12 58 76	#0C3A4C
100.0%	100.0% #03374C	RGB 3 55 76	#03374C

#3D4D4D #33494C #29454C #20424C #163E4C #0C3A4C #03374C

#3D4D4D - #03374C

HSV Blend

#3D4D4D - #03374C | 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 #03374C as 100%.

0.0%	0.0% #3D4D4D	RGB 61 77 77	#3D4D4D
16.7%	16.7% #334B4C	RGB 51 75 76	#334B4C
33.3%	33.3% #29494C	RGB 41 73 76	#29494C
50.0%	50.0% #1F464C	RGB 31 70 76	#1F464C
66.7%	66.7% #16414C	RGB 22 65 76	#16414C
83.3%	83.3% #0C3C4C	RGB 12 60 76	#0C3C4C
100.0%	100.0% #03374C	RGB 3 55 76	#03374C

#3D4D4D #334B4C #29494C #1F464C #16414C #0C3C4C #03374C

#3D4D4D - #1F464C - #03374C

CSS codes

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

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