#2E3E3E - #617E5C | 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 #2E3E3E to #617E5C

#2E3E3E #617E5C

Calculate the color between two colors, #2E3E3E and #617E5C. 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)

#2E3E3E - #617E5C | 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 #2E3E3E as 0% and #617E5C as 100%.

0.0%	0.0% #2E3E3E	RGB 46 62 62	#2E3E3E
16.7%	16.7% #364843	RGB 54 72 67	#364843
33.3%	33.3% #3F5348	RGB 63 83 72	#3F5348
50.0%	50.0% #475E4D	RGB 71 94 77	#475E4D
66.7%	66.7% #506852	RGB 80 104 82	#506852
83.3%	83.3% #587357	RGB 88 115 87	#587357
100.0%	100.0% #617E5C	RGB 97 126 92	#617E5C

#2E3E3E #364843 #3F5348 #475E4D #506852 #587357 #617E5C

#2E3E3E - #617E5C

HSV Blend

#2E3E3E - #617E5C | 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 #2E3E3E as 0% and #617E5C as 100%.

0.0%	0.0% #2E3E3E	RGB 46 62 62	#2E3E3E
16.7%	16.7% #354845	RGB 53 72 69	#354845
33.3%	33.3% #3D534A	RGB 61 83 74	#3D534A
50.0%	50.0% #455E4F	RGB 69 94 79	#455E4F
66.7%	66.7% #4C6853	RGB 76 104 83	#4C6853
83.3%	83.3% #547355	RGB 84 115 85	#547355
100.0%	100.0% #617E5C	RGB 97 126 92	#617E5C

#2E3E3E #354845 #3D534A #455E4F #4C6853 #547355 #617E5C

#2E3E3E - #455E4F - #617E5C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E3E3E 0%, #455E4F 50%, #617E5C 100%);
    background: -webkit-linear-gradient(top, #2E3E3E 0%, #455E4F 50%, #617E5C 100%);
    background: linear-gradient(to bottom, #2E3E3E 0%, #455E4F 50%, #617E5C 100%);
}
</style>