#003E3C - #378D6E | 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 #003E3C to #378D6E

#003E3C #378D6E

Calculate the color between two colors, #003E3C and #378D6E. 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)

#003E3C - #378D6E | 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 #003E3C as 0% and #378D6E as 100%.

0.0%	0.0% #003E3C	RGB 0 62 60	#003E3C
16.7%	16.7% #094B44	RGB 9 75 68	#094B44
33.3%	33.3% #12584C	RGB 18 88 76	#12584C
50.0%	50.0% #1B6555	RGB 27 101 85	#1B6555
66.7%	66.7% #24725D	RGB 36 114 93	#24725D
83.3%	83.3% #2D7F65	RGB 45 127 101	#2D7F65
100.0%	100.0% #378D6E	RGB 55 141 110	#378D6E

#003E3C #094B44 #12584C #1B6555 #24725D #2D7F65 #378D6E

#003E3C - #378D6E

HSV Blend

#003E3C - #378D6E | 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 #003E3C as 0% and #378D6E as 100%.

0.0%	0.0% #003E3C	RGB 0 62 60	#003E3C
16.7%	16.7% #044B45	RGB 4 75 69	#044B45
33.3%	33.3% #0B584D	RGB 11 88 77	#0B584D
50.0%	50.0% #136555	RGB 19 101 85	#136555
66.7%	66.7% #1D725D	RGB 29 114 93	#1D725D
83.3%	83.3% #297F65	RGB 41 127 101	#297F65
100.0%	100.0% #378D6E	RGB 55 141 110	#378D6E

#003E3C #044B45 #0B584D #136555 #1D725D #297F65 #378D6E

#003E3C - #136555 - #378D6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003E3C 0%, #136555 50%, #378D6E 100%);
    background: -webkit-linear-gradient(top, #003E3C 0%, #136555 50%, #378D6E 100%);
    background: linear-gradient(to bottom, #003E3C 0%, #136555 50%, #378D6E 100%);
}
</style>