#3E5E4C - #0F3E3B | 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 #3E5E4C to #0F3E3B

#3E5E4C #0F3E3B

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

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

0.0%	0.0% #3E5E4C	RGB 62 94 76	#3E5E4C
16.7%	16.7% #365849	RGB 54 88 73	#365849
33.3%	33.3% #2E5346	RGB 46 83 70	#2E5346
50.0%	50.0% #264E43	RGB 38 78 67	#264E43
66.7%	66.7% #1E4840	RGB 30 72 64	#1E4840
83.3%	83.3% #16433D	RGB 22 67 61	#16433D
100.0%	100.0% #0F3E3B	RGB 15 62 59	#0F3E3B

#3E5E4C #365849 #2E5346 #264E43 #1E4840 #16433D #0F3E3B

#3E5E4C - #0F3E3B

HSV Blend

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

0.0%	0.0% #3E5E4C	RGB 62 94 76	#3E5E4C
16.7%	16.7% #345847	RGB 52 88 71	#345847
33.3%	33.3% #2B5343	RGB 43 83 67	#2B5343
50.0%	50.0% #234E40	RGB 35 78 64	#234E40
66.7%	66.7% #1B483E	RGB 27 72 62	#1B483E
83.3%	83.3% #14433C	RGB 20 67 60	#14433C
100.0%	100.0% #0F3E3B	RGB 15 62 59	#0F3E3B

#3E5E4C #345847 #2B5343 #234E40 #1B483E #14433C #0F3E3B

#3E5E4C - #234E40 - #0F3E3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E4C 0%, #234E40 50%, #0F3E3B 100%);
    background: -webkit-linear-gradient(top, #3E5E4C 0%, #234E40 50%, #0F3E3B 100%);
    background: linear-gradient(to bottom, #3E5E4C 0%, #234E40 50%, #0F3E3B 100%);
}
</style>