#7E7E9F - #293B52 | 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 #7E7E9F to #293B52

#7E7E9F #293B52

Calculate the color between two colors, #7E7E9F and #293B52. 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)

#7E7E9F - #293B52 | 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 #7E7E9F as 0% and #293B52 as 100%.

0.0%	0.0% #7E7E9F	RGB 126 126 159	#7E7E9F
16.7%	16.7% #6F7292	RGB 111 114 146	#6F7292
33.3%	33.3% #616785	RGB 97 103 133	#616785
50.0%	50.0% #535C78	RGB 83 92 120	#535C78
66.7%	66.7% #45516B	RGB 69 81 107	#45516B
83.3%	83.3% #37465E	RGB 55 70 94	#37465E
100.0%	100.0% #293B52	RGB 41 59 82	#293B52

#7E7E9F #6F7292 #616785 #535C78 #45516B #37465E #293B52

#7E7E9F - #293B52

HSV Blend

#7E7E9F - #293B52 | 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 #7E7E9F as 0% and #293B52 as 100%.

0.0%	0.0% #7E7E9F	RGB 126 126 159	#7E7E9F
16.7%	16.7% #6C6F92	RGB 108 111 146	#6C6F92
33.3%	33.3% #5C6285	RGB 92 98 133	#5C6285
50.0%	50.0% #4D5778	RGB 77 87 120	#4D5778
66.7%	66.7% #404D6B	RGB 64 77 107	#404D6B
83.3%	83.3% #34435E	RGB 52 67 94	#34435E
100.0%	100.0% #293B52	RGB 41 59 82	#293B52

#7E7E9F #6C6F92 #5C6285 #4D5778 #404D6B #34435E #293B52

#7E7E9F - #4D5778 - #293B52

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7E9F 0%, #4D5778 50%, #293B52 100%);
    background: -webkit-linear-gradient(top, #7E7E9F 0%, #4D5778 50%, #293B52 100%);
    background: linear-gradient(to bottom, #7E7E9F 0%, #4D5778 50%, #293B52 100%);
}
</style>