#7B7A8C - #3F2D4E | 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 #7B7A8C to #3F2D4E

#7B7A8C #3F2D4E

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

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

0.0%	0.0% #7B7A8C	RGB 123 122 140	#7B7A8C
16.7%	16.7% #716D81	RGB 113 109 129	#716D81
33.3%	33.3% #676077	RGB 103 96 119	#676077
50.0%	50.0% #5D536D	RGB 93 83 109	#5D536D
66.7%	66.7% #534662	RGB 83 70 98	#534662
83.3%	83.3% #493958	RGB 73 57 88	#493958
100.0%	100.0% #3F2D4E	RGB 63 45 78	#3F2D4E

#7B7A8C #716D81 #676077 #5D536D #534662 #493958 #3F2D4E

#7B7A8C - #3F2D4E

HSV Blend

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

0.0%	0.0% #7B7A8C	RGB 123 122 140	#7B7A8C
16.7%	16.7% #6D6A81	RGB 109 106 129	#6D6A81
33.3%	33.3% #625C77	RGB 98 92 119	#625C77
50.0%	50.0% #574E6D	RGB 87 78 109	#574E6D
66.7%	66.7% #4E4262	RGB 78 66 98	#4E4262
83.3%	83.3% #463758	RGB 70 55 88	#463758
100.0%	100.0% #3F2D4E	RGB 63 45 78	#3F2D4E

#7B7A8C #6D6A81 #625C77 #574E6D #4E4262 #463758 #3F2D4E

#7B7A8C - #574E6D - #3F2D4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B7A8C 0%, #574E6D 50%, #3F2D4E 100%);
    background: -webkit-linear-gradient(top, #7B7A8C 0%, #574E6D 50%, #3F2D4E 100%);
    background: linear-gradient(to bottom, #7B7A8C 0%, #574E6D 50%, #3F2D4E 100%);
}
</style>