#4F1B5E - #161916 | 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 #4F1B5E to #161916

#4F1B5E #161916

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

#4F1B5E - #161916 | 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 #4F1B5E as 0% and #161916 as 100%.

0.0%	0.0% #4F1B5E	RGB 79 27 94	#4F1B5E
16.7%	16.7% #451A52	RGB 69 26 82	#451A52
33.3%	33.3% #3C1A46	RGB 60 26 70	#3C1A46
50.0%	50.0% #321A3A	RGB 50 26 58	#321A3A
66.7%	66.7% #29192E	RGB 41 25 46	#29192E
83.3%	83.3% #1F1922	RGB 31 25 34	#1F1922
100.0%	100.0% #161916	RGB 22 25 22	#161916

#4F1B5E #451A52 #3C1A46 #321A3A #29192E #1F1922 #161916

#4F1B5E - #161916

HSV Blend

#4F1B5E - #161916 | 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 #4F1B5E as 0% and #161916 as 100%.

0.0%	0.0% #4F1B5E	RGB 79 27 94	#4F1B5E
16.7%	16.7% #2F1F52	RGB 47 31 82	#2F1F52
33.3%	33.3% #222747	RGB 34 39 71	#222747
50.0%	50.0% #22313B	RGB 34 49 59	#22313B
66.7%	66.7% #20302E	RGB 32 48 46	#20302E
83.3%	83.3% #1C2420	RGB 28 36 32	#1C2420
100.0%	100.0% #161916	RGB 22 25 22	#161916

#4F1B5E #2F1F52 #222747 #22313B #20302E #1C2420 #161916

#4F1B5E - #22313B - #161916

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F1B5E 0%, #22313B 50%, #161916 100%);
    background: -webkit-linear-gradient(top, #4F1B5E 0%, #22313B 50%, #161916 100%);
    background: linear-gradient(to bottom, #4F1B5E 0%, #22313B 50%, #161916 100%);
}
</style>