#7B8EB6 - #2E436A | 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 #7B8EB6 to #2E436A

#7B8EB6 #2E436A

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

#7B8EB6 - #2E436A | 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 #7B8EB6 as 0% and #2E436A as 100%.

0.0%	0.0% #7B8EB6	RGB 123 142 182	#7B8EB6
16.7%	16.7% #6E81A9	RGB 110 129 169	#6E81A9
33.3%	33.3% #61759C	RGB 97 117 156	#61759C
50.0%	50.0% #546890	RGB 84 104 144	#546890
66.7%	66.7% #475C83	RGB 71 92 131	#475C83
83.3%	83.3% #3A4F76	RGB 58 79 118	#3A4F76
100.0%	100.0% #2E436A	RGB 46 67 106	#2E436A

#7B8EB6 #6E81A9 #61759C #546890 #475C83 #3A4F76 #2E436A

#7B8EB6 - #2E436A

HSV Blend

#7B8EB6 - #2E436A | 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 #7B8EB6 as 0% and #2E436A as 100%.

0.0%	0.0% #7B8DB6	RGB 123 141 182	#7B8DB6
16.7%	16.7% #6B7FA9	RGB 107 127 169	#6B7FA9
33.3%	33.3% #5D729C	RGB 93 114 156	#5D729C
50.0%	50.0% #4F6590	RGB 79 101 144	#4F6590
66.7%	66.7% #435983	RGB 67 89 131	#435983
83.3%	83.3% #384D76	RGB 56 77 118	#384D76
100.0%	100.0% #2E436A	RGB 46 67 106	#2E436A

#7B8DB6 #6B7FA9 #5D729C #4F6590 #435983 #384D76 #2E436A

#7B8EB6 - #4F6590 - #2E436A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B8DB6 0%, #4F6590 50%, #2E436A 100%);
    background: -webkit-linear-gradient(top, #7B8DB6 0%, #4F6590 50%, #2E436A 100%);
    background: linear-gradient(to bottom, #7B8DB6 0%, #4F6590 50%, #2E436A 100%);
}
</style>