#4F3E5E - #22053D | 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 #4F3E5E to #22053D

#4F3E5E #22053D

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

#4F3E5E - #22053D | 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 #4F3E5E as 0% and #22053D as 100%.

0.0%	0.0% #4F3E5E	RGB 79 62 94	#4F3E5E
16.7%	16.7% #473458	RGB 71 52 88	#473458
33.3%	33.3% #402B53	RGB 64 43 83	#402B53
50.0%	50.0% #38214D	RGB 56 33 77	#38214D
66.7%	66.7% #311848	RGB 49 24 72	#311848
83.3%	83.3% #290E42	RGB 41 14 66	#290E42
100.0%	100.0% #22053D	RGB 34 5 61	#22053D

#4F3E5E #473458 #402B53 #38214D #311848 #290E42 #22053D

#4F3E5E - #22053D

HSV Blend

#4F3E5E - #22053D | 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 #4F3E5E as 0% and #22053D as 100%.

0.0%	0.0% #4F3E5E	RGB 79 62 94	#4F3E5E
16.7%	16.7% #463158	RGB 70 49 88	#463158
33.3%	33.3% #3E2653	RGB 62 38 83	#3E2653
50.0%	50.0% #361C4D	RGB 54 28 77	#361C4D
66.7%	66.7% #2F1348	RGB 47 19 72	#2F1348
83.3%	83.3% #280B42	RGB 40 11 66	#280B42
100.0%	100.0% #22053D	RGB 34 5 61	#22053D

#4F3E5E #463158 #3E2653 #361C4D #2F1348 #280B42 #22053D

#4F3E5E - #361C4D - #22053D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F3E5E 0%, #361C4D 50%, #22053D 100%);
    background: -webkit-linear-gradient(top, #4F3E5E 0%, #361C4D 50%, #22053D 100%);
    background: linear-gradient(to bottom, #4F3E5E 0%, #361C4D 50%, #22053D 100%);
}
</style>