#76838D - #2E3F5E | 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 #76838D to #2E3F5E

#76838D #2E3F5E

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

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

0.0%	0.0% #76838D	RGB 118 131 141	#76838D
16.7%	16.7% #6A7785	RGB 106 119 133	#6A7785
33.3%	33.3% #5E6C7D	RGB 94 108 125	#5E6C7D
50.0%	50.0% #526175	RGB 82 97 117	#526175
66.7%	66.7% #46556D	RGB 70 85 109	#46556D
83.3%	83.3% #3A4A65	RGB 58 74 101	#3A4A65
100.0%	100.0% #2E3F5E	RGB 46 63 94	#2E3F5E

#76838D #6A7785 #5E6C7D #526175 #46556D #3A4A65 #2E3F5E

#76838D - #2E3F5E

HSV Blend

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

0.0%	0.0% #76838D	RGB 118 131 141	#76838D
16.7%	16.7% #677785	RGB 103 119 133	#677785
33.3%	33.3% #5A6B7D	RGB 90 107 125	#5A6B7D
50.0%	50.0% #4D6075	RGB 77 96 117	#4D6075
66.7%	66.7% #42546D	RGB 66 84 109	#42546D
83.3%	83.3% #374965	RGB 55 73 101	#374965
100.0%	100.0% #2E3F5E	RGB 46 63 94	#2E3F5E

#76838D #677785 #5A6B7D #4D6075 #42546D #374965 #2E3F5E

#76838D - #4D6075 - #2E3F5E

CSS codes

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

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