#3E554B - #082D22 | 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 #3E554B to #082D22

#3E554B #082D22

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

#3E554B - #082D22 | 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 #3E554B as 0% and #082D22 as 100%.

0.0%	0.0% #3E554B	RGB 62 85 75	#3E554B
16.7%	16.7% #354E44	RGB 53 78 68	#354E44
33.3%	33.3% #2C473D	RGB 44 71 61	#2C473D
50.0%	50.0% #234136	RGB 35 65 54	#234136
66.7%	66.7% #1A3A2F	RGB 26 58 47	#1A3A2F
83.3%	83.3% #113328	RGB 17 51 40	#113328
100.0%	100.0% #082D22	RGB 8 45 34	#082D22

#3E554B #354E44 #2C473D #234136 #1A3A2F #113328 #082D22

#3E554B - #082D22

HSV Blend

#3E554B - #082D22 | 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 #3E554B as 0% and #082D22 as 100%.

0.0%	0.0% #3E554B	RGB 62 85 75	#3E554B
16.7%	16.7% #314E42	RGB 49 78 66	#314E42
33.3%	33.3% #27473A	RGB 39 71 58	#27473A
50.0%	50.0% #1D4133	RGB 29 65 51	#1D4133
66.7%	66.7% #153A2D	RGB 21 58 45	#153A2D
83.3%	83.3% #0D3327	RGB 13 51 39	#0D3327
100.0%	100.0% #082D22	RGB 8 45 34	#082D22

#3E554B #314E42 #27473A #1D4133 #153A2D #0D3327 #082D22

#3E554B - #1D4133 - #082D22

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E554B 0%, #1D4133 50%, #082D22 100%);
    background: -webkit-linear-gradient(top, #3E554B 0%, #1D4133 50%, #082D22 100%);
    background: linear-gradient(to bottom, #3E554B 0%, #1D4133 50%, #082D22 100%);
}
</style>