#6B8C9C - #2E4150 | 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 #6B8C9C to #2E4150

#6B8C9C #2E4150

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

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

0.0%	0.0% #6B8C9C	RGB 107 140 156	#6B8C9C
16.7%	16.7% #607F8F	RGB 96 127 143	#607F8F
33.3%	33.3% #567382	RGB 86 115 130	#567382
50.0%	50.0% #4C6676	RGB 76 102 118	#4C6676
66.7%	66.7% #425A69	RGB 66 90 105	#425A69
83.3%	83.3% #384D5C	RGB 56 77 92	#384D5C
100.0%	100.0% #2E4150	RGB 46 65 80	#2E4150

#6B8C9C #607F8F #567382 #4C6676 #425A69 #384D5C #2E4150

#6B8C9C - #2E4150

HSV Blend

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

0.0%	0.0% #6B8C9C	RGB 107 140 156	#6B8C9C
16.7%	16.7% #5F7E8F	RGB 95 126 143	#5F7E8F
33.3%	33.3% #547182	RGB 84 113 130	#547182
50.0%	50.0% #4A6576	RGB 74 101 118	#4A6576
66.7%	66.7% #405869	RGB 64 88 105	#405869
83.3%	83.3% #364C5C	RGB 54 76 92	#364C5C
100.0%	100.0% #2E4150	RGB 46 65 80	#2E4150

#6B8C9C #5F7E8F #547182 #4A6576 #405869 #364C5C #2E4150

#6B8C9C - #4A6576 - #2E4150

CSS codes

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

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