#7E828C - #3E2D68 | 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 #7E828C to #3E2D68

#7E828C #3E2D68

Calculate the color between two colors, #7E828C and #3E2D68. 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)

#7E828C - #3E2D68 | 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 #7E828C as 0% and #3E2D68 as 100%.

0.0%	0.0% #7E828C	RGB 126 130 140	#7E828C
16.7%	16.7% #737386	RGB 115 115 134	#737386
33.3%	33.3% #686580	RGB 104 101 128	#686580
50.0%	50.0% #5E577A	RGB 94 87 122	#5E577A
66.7%	66.7% #534974	RGB 83 73 116	#534974
83.3%	83.3% #483B6E	RGB 72 59 110	#483B6E
100.0%	100.0% #3E2D68	RGB 62 45 104	#3E2D68

#7E828C #737386 #686580 #5E577A #534974 #483B6E #3E2D68

#7E828C - #3E2D68

HSV Blend

#7E828C - #3E2D68 | 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 #7E828C as 0% and #3E2D68 as 100%.

0.0%	0.0% #7E828C	RGB 126 130 140	#7E828C
16.7%	16.7% #6E7286	RGB 110 114 134	#6E7286
33.3%	33.3% #5F6280	RGB 95 98 128	#5F6280
50.0%	50.0% #51517A	RGB 81 81 122	#51517A
66.7%	66.7% #484474	RGB 72 68 116	#484474
83.3%	83.3% #42386E	RGB 66 56 110	#42386E
100.0%	100.0% #3E2D68	RGB 62 45 104	#3E2D68

#7E828C #6E7286 #5F6280 #51517A #484474 #42386E #3E2D68

#7E828C - #51517A - #3E2D68

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E828C 0%, #51517A 50%, #3E2D68 100%);
    background: -webkit-linear-gradient(top, #7E828C 0%, #51517A 50%, #3E2D68 100%);
    background: linear-gradient(to bottom, #7E828C 0%, #51517A 50%, #3E2D68 100%);
}
</style>