#6B8596 - #2D3C49 | 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 #6B8596 to #2D3C49

#6B8596 #2D3C49

Calculate the color between two colors, #6B8596 and #2D3C49. 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)

#6B8596 - #2D3C49 | 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 #6B8596 as 0% and #2D3C49 as 100%.

0.0%	0.0% #6B8596	RGB 107 133 150	#6B8596
16.7%	16.7% #607889	RGB 96 120 137	#607889
33.3%	33.3% #566C7C	RGB 86 108 124	#566C7C
50.0%	50.0% #4C606F	RGB 76 96 111	#4C606F
66.7%	66.7% #415462	RGB 65 84 98	#415462
83.3%	83.3% #374855	RGB 55 72 85	#374855
100.0%	100.0% #2D3C49	RGB 45 60 73	#2D3C49

#6B8596 #607889 #566C7C #4C606F #415462 #374855 #2D3C49

#6B8596 - #2D3C49

HSV Blend

#6B8596 - #2D3C49 | 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 #6B8596 as 0% and #2D3C49 as 100%.

0.0%	0.0% #6B8596	RGB 107 133 150	#6B8596
16.7%	16.7% #5F7889	RGB 95 120 137	#5F7889
33.3%	33.3% #546B7C	RGB 84 107 124	#546B7C
50.0%	50.0% #4A5F6F	RGB 74 95 111	#4A5F6F
66.7%	66.7% #405362	RGB 64 83 98	#405362
83.3%	83.3% #364755	RGB 54 71 85	#364755
100.0%	100.0% #2D3C49	RGB 45 60 73	#2D3C49

#6B8596 #5F7889 #546B7C #4A5F6F #405362 #364755 #2D3C49

#6B8596 - #4A5F6F - #2D3C49

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B8596 0%, #4A5F6F 50%, #2D3C49 100%);
    background: -webkit-linear-gradient(top, #6B8596 0%, #4A5F6F 50%, #2D3C49 100%);
    background: linear-gradient(to bottom, #6B8596 0%, #4A5F6F 50%, #2D3C49 100%);
}
</style>