#7E5A8F - #241928 | 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 #7E5A8F to #241928

#7E5A8F #241928

Calculate the color between two colors, #7E5A8F and #241928. 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)

#7E5A8F - #241928 | 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 #7E5A8F as 0% and #241928 as 100%.

0.0%	0.0% #7E5A8F	RGB 126 90 143	#7E5A8F
16.7%	16.7% #6F4F7D	RGB 111 79 125	#6F4F7D
33.3%	33.3% #60446C	RGB 96 68 108	#60446C
50.0%	50.0% #51395B	RGB 81 57 91	#51395B
66.7%	66.7% #422E4A	RGB 66 46 74	#422E4A
83.3%	83.3% #332339	RGB 51 35 57	#332339
100.0%	100.0% #241928	RGB 36 25 40	#241928

#7E5A8F #6F4F7D #60446C #51395B #422E4A #332339 #241928

#7E5A8F - #241928

HSV Blend

#7E5A8F - #241928 | 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 #7E5A8F as 0% and #241928 as 100%.

0.0%	0.0% #7E5A8F	RGB 126 90 143	#7E5A8F
16.7%	16.7% #6F4F7D	RGB 111 79 125	#6F4F7D
33.3%	33.3% #60446C	RGB 96 68 108	#60446C
50.0%	50.0% #51395B	RGB 81 57 91	#51395B
66.7%	66.7% #422E4A	RGB 66 46 74	#422E4A
83.3%	83.3% #332339	RGB 51 35 57	#332339
100.0%	100.0% #241928	RGB 36 25 40	#241928

#7E5A8F #6F4F7D #60446C #51395B #422E4A #332339 #241928

#7E5A8F - #51395B - #241928

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5A8F 0%, #51395B 50%, #241928 100%);
    background: -webkit-linear-gradient(top, #7E5A8F 0%, #51395B 50%, #241928 100%);
    background: linear-gradient(to bottom, #7E5A8F 0%, #51395B 50%, #241928 100%);
}
</style>