#5E2D4D - #330425 | 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 #5E2D4D to #330425

#5E2D4D #330425

Calculate the color between two colors, #5E2D4D and #330425. 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)

#5E2D4D - #330425 | 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 #5E2D4D as 0% and #330425 as 100%.

0.0%	0.0% #5E2D4D	RGB 94 45 77	#5E2D4D
16.7%	16.7% #562646	RGB 86 38 70	#562646
33.3%	33.3% #4F1F3F	RGB 79 31 63	#4F1F3F
50.0%	50.0% #481839	RGB 72 24 57	#481839
66.7%	66.7% #411132	RGB 65 17 50	#411132
83.3%	83.3% #3A0A2B	RGB 58 10 43	#3A0A2B
100.0%	100.0% #330425	RGB 51 4 37	#330425

#5E2D4D #562646 #4F1F3F #481839 #411132 #3A0A2B #330425

#5E2D4D - #330425

HSV Blend

#5E2D4D - #330425 | 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 #5E2D4D as 0% and #330425 as 100%.

0.0%	0.0% #5E2D4D	RGB 94 45 77	#5E2D4D
16.7%	16.7% #562345	RGB 86 35 69	#562345
33.3%	33.3% #4F1B3E	RGB 79 27 62	#4F1B3E
50.0%	50.0% #481437	RGB 72 20 55	#481437
66.7%	66.7% #410D31	RGB 65 13 49	#410D31
83.3%	83.3% #3A082A	RGB 58 8 42	#3A082A
100.0%	100.0% #330425	RGB 51 4 37	#330425

#5E2D4D #562345 #4F1B3E #481437 #410D31 #3A082A #330425

#5E2D4D - #481437 - #330425

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D4D 0%, #481437 50%, #330425 100%);
    background: -webkit-linear-gradient(top, #5E2D4D 0%, #481437 50%, #330425 100%);
    background: linear-gradient(to bottom, #5E2D4D 0%, #481437 50%, #330425 100%);
}
</style>