#4F234A - #3E032B | 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 #4F234A to #3E032B

#4F234A #3E032B

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

#4F234A - #3E032B | 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 #4F234A as 0% and #3E032B as 100%.

0.0%	0.0% #4F234A	RGB 79 35 74	#4F234A
16.7%	16.7% #4C1D44	RGB 76 29 68	#4C1D44
33.3%	33.3% #49183F	RGB 73 24 63	#49183F
50.0%	50.0% #46133A	RGB 70 19 58	#46133A
66.7%	66.7% #430D35	RGB 67 13 53	#430D35
83.3%	83.3% #400830	RGB 64 8 48	#400830
100.0%	100.0% #3E032B	RGB 62 3 43	#3E032B

#4F234A #4C1D44 #49183F #46133A #430D35 #400830 #3E032B

#4F234A - #3E032B

HSV Blend

#4F234A - #3E032B | 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 #4F234A as 0% and #3E032B as 100%.

0.0%	0.0% #4F2349	RGB 79 35 73	#4F2349
16.7%	16.7% #4C1C45	RGB 76 28 69	#4C1C45
33.3%	33.3% #491640	RGB 73 22 64	#491640
50.0%	50.0% #46113A	RGB 70 17 58	#46113A
66.7%	66.7% #430C35	RGB 67 12 53	#430C35
83.3%	83.3% #400730	RGB 64 7 48	#400730
100.0%	100.0% #3E032B	RGB 62 3 43	#3E032B

#4F2349 #4C1C45 #491640 #46113A #430C35 #400730 #3E032B

#4F234A - #46113A - #3E032B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F2349 0%, #46113A 50%, #3E032B 100%);
    background: -webkit-linear-gradient(top, #4F2349 0%, #46113A 50%, #3E032B 100%);
    background: linear-gradient(to bottom, #4F2349 0%, #46113A 50%, #3E032B 100%);
}
</style>