#1F1F41 - #5D4A98 | 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 #1F1F41 to #5D4A98

#1F1F41 #5D4A98

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

#1F1F41 - #5D4A98 | 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 #1F1F41 as 0% and #5D4A98 as 100%.

0.0%	0.0% #1F1F41	RGB 31 31 65	#1F1F41
16.7%	16.7% #29264F	RGB 41 38 79	#29264F
33.3%	33.3% #332D5E	RGB 51 45 94	#332D5E
50.0%	50.0% #3E346C	RGB 62 52 108	#3E346C
66.7%	66.7% #483B7B	RGB 72 59 123	#483B7B
83.3%	83.3% #524289	RGB 82 66 137	#524289
100.0%	100.0% #5D4A98	RGB 93 74 152	#5D4A98

#1F1F41 #29264F #332D5E #3E346C #483B7B #524289 #5D4A98

#1F1F41 - #5D4A98

HSV Blend

#1F1F41 - #5D4A98 | 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 #1F1F41 as 0% and #5D4A98 as 100%.

0.0%	0.0% #1F1F41	RGB 31 31 65	#1F1F41
16.7%	16.7% #27264F	RGB 39 38 79	#27264F
33.3%	33.3% #312D5E	RGB 49 45 94	#312D5E
50.0%	50.0% #3B346C	RGB 59 52 108	#3B346C
66.7%	66.7% #453B7B	RGB 69 59 123	#453B7B
83.3%	83.3% #514289	RGB 81 66 137	#514289
100.0%	100.0% #5D4A98	RGB 93 74 152	#5D4A98

#1F1F41 #27264F #312D5E #3B346C #453B7B #514289 #5D4A98

#1F1F41 - #3B346C - #5D4A98

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F1F41 0%, #3B346C 50%, #5D4A98 100%);
    background: -webkit-linear-gradient(top, #1F1F41 0%, #3B346C 50%, #5D4A98 100%);
    background: linear-gradient(to bottom, #1F1F41 0%, #3B346C 50%, #5D4A98 100%);
}
</style>