#7B5E80 - #1E1932 | 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 #7B5E80 to #1E1932

#7B5E80 #1E1932

Calculate the color between two colors, #7B5E80 and #1E1932. 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)

#7B5E80 - #1E1932 | 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 #7B5E80 as 0% and #1E1932 as 100%.

0.0%	0.0% #7B5E80	RGB 123 94 128	#7B5E80
16.7%	16.7% #6B5273	RGB 107 82 115	#6B5273
33.3%	33.3% #5C4766	RGB 92 71 102	#5C4766
50.0%	50.0% #4C3B59	RGB 76 59 89	#4C3B59
66.7%	66.7% #3D304C	RGB 61 48 76	#3D304C
83.3%	83.3% #2D243F	RGB 45 36 63	#2D243F
100.0%	100.0% #1E1932	RGB 30 25 50	#1E1932

#7B5E80 #6B5273 #5C4766 #4C3B59 #3D304C #2D243F #1E1932

#7B5E80 - #1E1932

HSV Blend

#7B5E80 - #1E1932 | 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 #7B5E80 as 0% and #1E1932 as 100%.

0.0%	0.0% #7B5E80	RGB 123 94 128	#7B5E80
16.7%	16.7% #6A4F73	RGB 106 79 115	#6A4F73
33.3%	33.3% #594266	RGB 89 66 102	#594266
50.0%	50.0% #483659	RGB 72 54 89	#483659
66.7%	66.7% #392B4C	RGB 57 43 76	#392B4C
83.3%	83.3% #2A213F	RGB 42 33 63	#2A213F
100.0%	100.0% #1E1932	RGB 30 25 50	#1E1932

#7B5E80 #6A4F73 #594266 #483659 #392B4C #2A213F #1E1932

#7B5E80 - #483659 - #1E1932

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5E80 0%, #483659 50%, #1E1932 100%);
    background: -webkit-linear-gradient(top, #7B5E80 0%, #483659 50%, #1E1932 100%);
    background: linear-gradient(to bottom, #7B5E80 0%, #483659 50%, #1E1932 100%);
}
</style>