#7E7A8C - #42293D | 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 #7E7A8C to #42293D

#7E7A8C #42293D

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

#7E7A8C - #42293D | 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 #7E7A8C as 0% and #42293D as 100%.

0.0%	0.0% #7E7A8C	RGB 126 122 140	#7E7A8C
16.7%	16.7% #746C7E	RGB 116 108 126	#746C7E
33.3%	33.3% #6A5F71	RGB 106 95 113	#6A5F71
50.0%	50.0% #605164	RGB 96 81 100	#605164
66.7%	66.7% #564457	RGB 86 68 87	#564457
83.3%	83.3% #4C364A	RGB 76 54 74	#4C364A
100.0%	100.0% #42293D	RGB 66 41 61	#42293D

#7E7A8C #746C7E #6A5F71 #605164 #564457 #4C364A #42293D

#7E7A8C - #42293D

HSV Blend

#7E7A8C - #42293D | 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 #7E7A8C as 0% and #42293D as 100%.

0.0%	0.0% #7E7A8C	RGB 126 122 140	#7E7A8C
16.7%	16.7% #72697F	RGB 114 105 127	#72697F
33.3%	33.3% #685A73	RGB 104 90 115	#685A73
50.0%	50.0% #5F4C67	RGB 95 76 103	#5F4C67
66.7%	66.7% #573F5A	RGB 87 63 90	#573F5A
83.3%	83.3% #4E334D	RGB 78 51 77	#4E334D
100.0%	100.0% #42293D	RGB 66 41 61	#42293D

#7E7A8C #72697F #685A73 #5F4C67 #573F5A #4E334D #42293D

#7E7A8C - #5F4C67 - #42293D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7A8C 0%, #5F4C67 50%, #42293D 100%);
    background: -webkit-linear-gradient(top, #7E7A8C 0%, #5F4C67 50%, #42293D 100%);
    background: linear-gradient(to bottom, #7E7A8C 0%, #5F4C67 50%, #42293D 100%);
}
</style>