#7E768B - #3E283C | 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 #7E768B to #3E283C

#7E768B #3E283C

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

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

0.0%	0.0% #7E768B	RGB 126 118 139	#7E768B
16.7%	16.7% #73697D	RGB 115 105 125	#73697D
33.3%	33.3% #685C70	RGB 104 92 112	#685C70
50.0%	50.0% #5E4F63	RGB 94 79 99	#5E4F63
66.7%	66.7% #534256	RGB 83 66 86	#534256
83.3%	83.3% #483549	RGB 72 53 73	#483549
100.0%	100.0% #3E283C	RGB 62 40 60	#3E283C

#7E768B #73697D #685C70 #5E4F63 #534256 #483549 #3E283C

#7E768B - #3E283C

HSV Blend

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

0.0%	0.0% #7E768B	RGB 126 118 139	#7E768B
16.7%	16.7% #72667E	RGB 114 102 126	#72667E
33.3%	33.3% #675871	RGB 103 88 113	#675871
50.0%	50.0% #5D4B64	RGB 93 75 100	#5D4B64
66.7%	66.7% #543E57	RGB 84 62 87	#543E57
83.3%	83.3% #4A324A	RGB 74 50 74	#4A324A
100.0%	100.0% #3E283C	RGB 62 40 60	#3E283C

#7E768B #72667E #675871 #5D4B64 #543E57 #4A324A #3E283C

#7E768B - #5D4B64 - #3E283C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E768B 0%, #5D4B64 50%, #3E283C 100%);
    background: -webkit-linear-gradient(top, #7E768B 0%, #5D4B64 50%, #3E283C 100%);
    background: linear-gradient(to bottom, #7E768B 0%, #5D4B64 50%, #3E283C 100%);
}
</style>