#7B5AD6 - #23193D | 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 #7B5AD6 to #23193D

#7B5AD6 #23193D

Calculate the color between two colors, #7B5AD6 and #23193D. 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)

#7B5AD6 - #23193D | 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 #7B5AD6 as 0% and #23193D as 100%.

0.0%	0.0% #7B5AD6	RGB 123 90 214	#7B5AD6
16.7%	16.7% #6C4FBC	RGB 108 79 188	#6C4FBC
33.3%	33.3% #5D44A3	RGB 93 68 163	#5D44A3
50.0%	50.0% #4F3989	RGB 79 57 137	#4F3989
66.7%	66.7% #402E70	RGB 64 46 112	#402E70
83.3%	83.3% #312356	RGB 49 35 86	#312356
100.0%	100.0% #23193D	RGB 35 25 61	#23193D

#7B5AD6 #6C4FBC #5D44A3 #4F3989 #402E70 #312356 #23193D

#7B5AD6 - #23193D

HSV Blend

#7B5AD6 - #23193D | 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 #7B5AD6 as 0% and #23193D as 100%.

0.0%	0.0% #7A5AD6	RGB 122 90 214	#7A5AD6
16.7%	16.7% #6C4EBC	RGB 108 78 188	#6C4EBC
33.3%	33.3% #5D43A3	RGB 93 67 163	#5D43A3
50.0%	50.0% #4E3989	RGB 78 57 137	#4E3989
66.7%	66.7% #402E70	RGB 64 46 112	#402E70
83.3%	83.3% #312356	RGB 49 35 86	#312356
100.0%	100.0% #23193D	RGB 35 25 61	#23193D

#7A5AD6 #6C4EBC #5D43A3 #4E3989 #402E70 #312356 #23193D

#7B5AD6 - #4E3989 - #23193D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A5AD6 0%, #4E3989 50%, #23193D 100%);
    background: -webkit-linear-gradient(top, #7A5AD6 0%, #4E3989 50%, #23193D 100%);
    background: linear-gradient(to bottom, #7A5AD6 0%, #4E3989 50%, #23193D 100%);
}
</style>