#4F5E5C - #083729 | 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 #4F5E5C to #083729

#4F5E5C #083729

Calculate the color between two colors, #4F5E5C and #083729. 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)

#4F5E5C - #083729 | 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 #4F5E5C as 0% and #083729 as 100%.

0.0%	0.0% #4F5E5C	RGB 79 94 92	#4F5E5C
16.7%	16.7% #435753	RGB 67 87 83	#435753
33.3%	33.3% #37514B	RGB 55 81 75	#37514B
50.0%	50.0% #2B4A42	RGB 43 74 66	#2B4A42
66.7%	66.7% #1F443A	RGB 31 68 58	#1F443A
83.3%	83.3% #133D31	RGB 19 61 49	#133D31
100.0%	100.0% #083729	RGB 8 55 41	#083729

#4F5E5C #435753 #37514B #2B4A42 #1F443A #133D31 #083729

#4F5E5C - #083729

HSV Blend

#4F5E5C - #083729 | 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 #4F5E5C as 0% and #083729 as 100%.

0.0%	0.0% #4F5E5C	RGB 79 94 92	#4F5E5C
16.7%	16.7% #3F5753	RGB 63 87 83	#3F5753
33.3%	33.3% #31514B	RGB 49 81 75	#31514B
50.0%	50.0% #244A42	RGB 36 74 66	#244A42
66.7%	66.7% #194439	RGB 25 68 57	#194439
83.3%	83.3% #103D31	RGB 16 61 49	#103D31
100.0%	100.0% #083729	RGB 8 55 41	#083729

#4F5E5C #3F5753 #31514B #244A42 #194439 #103D31 #083729

#4F5E5C - #244A42 - #083729

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F5E5C 0%, #244A42 50%, #083729 100%);
    background: -webkit-linear-gradient(top, #4F5E5C 0%, #244A42 50%, #083729 100%);
    background: linear-gradient(to bottom, #4F5E5C 0%, #244A42 50%, #083729 100%);
}
</style>