#7E868C - #2D2D68 | 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 #7E868C to #2D2D68

#7E868C #2D2D68

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

#7E868C - #2D2D68 | 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 #7E868C as 0% and #2D2D68 as 100%.

0.0%	0.0% #7E868C	RGB 126 134 140	#7E868C
16.7%	16.7% #707786	RGB 112 119 134	#707786
33.3%	33.3% #636880	RGB 99 104 128	#636880
50.0%	50.0% #55597A	RGB 85 89 122	#55597A
66.7%	66.7% #484A74	RGB 72 74 116	#484A74
83.3%	83.3% #3A3B6E	RGB 58 59 110	#3A3B6E
100.0%	100.0% #2D2D68	RGB 45 45 104	#2D2D68

#7E868C #707786 #636880 #55597A #484A74 #3A3B6E #2D2D68

#7E868C - #2D2D68

HSV Blend

#7E868C - #2D2D68 | 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 #7E868C as 0% and #2D2D68 as 100%.

0.0%	0.0% #7E868C	RGB 126 134 140	#7E868C
16.7%	16.7% #6E7986	RGB 110 121 134	#6E7986
33.3%	33.3% #5F6B80	RGB 95 107 128	#5F6B80
50.0%	50.0% #515C7A	RGB 81 92 122	#515C7A
66.7%	66.7% #444D74	RGB 68 77 116	#444D74
83.3%	83.3% #383D6E	RGB 56 61 110	#383D6E
100.0%	100.0% #2D2D68	RGB 45 45 104	#2D2D68

#7E868C #6E7986 #5F6B80 #515C7A #444D74 #383D6E #2D2D68

#7E868C - #515C7A - #2D2D68

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E868C 0%, #515C7A 50%, #2D2D68 100%);
    background: -webkit-linear-gradient(top, #7E868C 0%, #515C7A 50%, #2D2D68 100%);
    background: linear-gradient(to bottom, #7E868C 0%, #515C7A 50%, #2D2D68 100%);
}
</style>