#7E7E99 - #293C4C | 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 #7E7E99 to #293C4C

#7E7E99 #293C4C

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

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

0.0%	0.0% #7E7E99	RGB 126 126 153	#7E7E99
16.7%	16.7% #6F738C	RGB 111 115 140	#6F738C
33.3%	33.3% #61687F	RGB 97 104 127	#61687F
50.0%	50.0% #535D72	RGB 83 93 114	#535D72
66.7%	66.7% #455265	RGB 69 82 101	#455265
83.3%	83.3% #374758	RGB 55 71 88	#374758
100.0%	100.0% #293C4C	RGB 41 60 76	#293C4C

#7E7E99 #6F738C #61687F #535D72 #455265 #374758 #293C4C

#7E7E99 - #293C4C

HSV Blend

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

0.0%	0.0% #7E7E99	RGB 126 126 153	#7E7E99
16.7%	16.7% #6C6F8C	RGB 108 111 140	#6C6F8C
33.3%	33.3% #5C637F	RGB 92 99 127	#5C637F
50.0%	50.0% #4E5772	RGB 78 87 114	#4E5772
66.7%	66.7% #404D65	RGB 64 77 101	#404D65
83.3%	83.3% #344458	RGB 52 68 88	#344458
100.0%	100.0% #293C4C	RGB 41 60 76	#293C4C

#7E7E99 #6C6F8C #5C637F #4E5772 #404D65 #344458 #293C4C

#7E7E99 - #4E5772 - #293C4C

CSS codes

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

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