#76828D - #2E3B5E | 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 #76828D to #2E3B5E

#76828D #2E3B5E

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

#76828D - #2E3B5E | 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 #76828D as 0% and #2E3B5E as 100%.

0.0%	0.0% #76828D	RGB 118 130 141	#76828D
16.7%	16.7% #6A7685	RGB 106 118 133	#6A7685
33.3%	33.3% #5E6A7D	RGB 94 106 125	#5E6A7D
50.0%	50.0% #525E75	RGB 82 94 117	#525E75
66.7%	66.7% #46526D	RGB 70 82 109	#46526D
83.3%	83.3% #3A4665	RGB 58 70 101	#3A4665
100.0%	100.0% #2E3B5E	RGB 46 59 94	#2E3B5E

#76828D #6A7685 #5E6A7D #525E75 #46526D #3A4665 #2E3B5E

#76828D - #2E3B5E

HSV Blend

#76828D - #2E3B5E | 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 #76828D as 0% and #2E3B5E as 100%.

0.0%	0.0% #76828D	RGB 118 130 141	#76828D
16.7%	16.7% #677585	RGB 103 117 133	#677585
33.3%	33.3% #5A697D	RGB 90 105 125	#5A697D
50.0%	50.0% #4D5D75	RGB 77 93 117	#4D5D75
66.7%	66.7% #42516D	RGB 66 81 109	#42516D
83.3%	83.3% #374665	RGB 55 70 101	#374665
100.0%	100.0% #2E3B5E	RGB 46 59 94	#2E3B5E

#76828D #677585 #5A697D #4D5D75 #42516D #374665 #2E3B5E

#76828D - #4D5D75 - #2E3B5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #76828D 0%, #4D5D75 50%, #2E3B5E 100%);
    background: -webkit-linear-gradient(top, #76828D 0%, #4D5D75 50%, #2E3B5E 100%);
    background: linear-gradient(to bottom, #76828D 0%, #4D5D75 50%, #2E3B5E 100%);
}
</style>