#5E5F98 - #1F1A5E | 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 #5E5F98 to #1F1A5E

#5E5F98 #1F1A5E

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

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

0.0%	0.0% #5E5F98	RGB 94 95 152	#5E5F98
16.7%	16.7% #53538E	RGB 83 83 142	#53538E
33.3%	33.3% #494884	RGB 73 72 132	#494884
50.0%	50.0% #3E3C7B	RGB 62 60 123	#3E3C7B
66.7%	66.7% #343171	RGB 52 49 113	#343171
83.3%	83.3% #292567	RGB 41 37 103	#292567
100.0%	100.0% #1F1A5E	RGB 31 26 94	#1F1A5E

#5E5F98 #53538E #494884 #3E3C7B #343171 #292567 #1F1A5E

#5E5F98 - #1F1A5E

HSV Blend

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

0.0%	0.0% #5E5F98	RGB 94 95 152	#5E5F98
16.7%	16.7% #4F508E	RGB 79 80 142	#4F508E
33.3%	33.3% #434284	RGB 67 66 132	#434284
50.0%	50.0% #38377B	RGB 56 55 123	#38377B
66.7%	66.7% #2F2C71	RGB 47 44 113	#2F2C71
83.3%	83.3% #262267	RGB 38 34 103	#262267
100.0%	100.0% #1F1A5E	RGB 31 26 94	#1F1A5E

#5E5F98 #4F508E #434284 #38377B #2F2C71 #262267 #1F1A5E

#5E5F98 - #38377B - #1F1A5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5F98 0%, #38377B 50%, #1F1A5E 100%);
    background: -webkit-linear-gradient(top, #5E5F98 0%, #38377B 50%, #1F1A5E 100%);
    background: linear-gradient(to bottom, #5E5F98 0%, #38377B 50%, #1F1A5E 100%);
}
</style>