#7E82AC - #2B3C5E | 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 #7E82AC to #2B3C5E

#7E82AC #2B3C5E

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

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

0.0%	0.0% #7E82AC	RGB 126 130 172	#7E82AC
16.7%	16.7% #70769F	RGB 112 118 159	#70769F
33.3%	33.3% #626A92	RGB 98 106 146	#626A92
50.0%	50.0% #545F85	RGB 84 95 133	#545F85
66.7%	66.7% #465378	RGB 70 83 120	#465378
83.3%	83.3% #38476B	RGB 56 71 107	#38476B
100.0%	100.0% #2B3C5E	RGB 43 60 94	#2B3C5E

#7E82AC #70769F #626A92 #545F85 #465378 #38476B #2B3C5E

#7E82AC - #2B3C5E

HSV Blend

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

0.0%	0.0% #7E82AC	RGB 126 130 172	#7E82AC
16.7%	16.7% #6D739F	RGB 109 115 159	#6D739F
33.3%	33.3% #5D6692	RGB 93 102 146	#5D6692
50.0%	50.0% #4F5A85	RGB 79 90 133	#4F5A85
66.7%	66.7% #414F78	RGB 65 79 120	#414F78
83.3%	83.3% #35456B	RGB 53 69 107	#35456B
100.0%	100.0% #2B3C5E	RGB 43 60 94	#2B3C5E

#7E82AC #6D739F #5D6692 #4F5A85 #414F78 #35456B #2B3C5E

#7E82AC - #4F5A85 - #2B3C5E

CSS codes

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

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