#5E628C - #231F51 | 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 #5E628C to #231F51

#5E628C #231F51

Calculate the color between two colors, #5E628C and #231F51. 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)

#5E628C - #231F51 | 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 #5E628C as 0% and #231F51 as 100%.

0.0%	0.0% #5E628C	RGB 94 98 140	#5E628C
16.7%	16.7% #545682	RGB 84 86 130	#545682
33.3%	33.3% #4A4B78	RGB 74 75 120	#4A4B78
50.0%	50.0% #40406E	RGB 64 64 110	#40406E
66.7%	66.7% #363564	RGB 54 53 100	#363564
83.3%	83.3% #2C2A5A	RGB 44 42 90	#2C2A5A
100.0%	100.0% #231F51	RGB 35 31 81	#231F51

#5E628C #545682 #4A4B78 #40406E #363564 #2C2A5A #231F51

#5E628C - #231F51

HSV Blend

#5E628C - #231F51 | 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 #5E628C as 0% and #231F51 as 100%.

0.0%	0.0% #5E628C	RGB 94 98 140	#5E628C
16.7%	16.7% #515482	RGB 81 84 130	#515482
33.3%	33.3% #454678	RGB 69 70 120	#454678
50.0%	50.0% #3A3A6E	RGB 58 58 110	#3A3A6E
66.7%	66.7% #313064	RGB 49 48 100	#313064
83.3%	83.3% #29275A	RGB 41 39 90	#29275A
100.0%	100.0% #231F51	RGB 35 31 81	#231F51

#5E628C #515482 #454678 #3A3A6E #313064 #29275A #231F51

#5E628C - #3A3A6E - #231F51

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E628C 0%, #3A3A6E 50%, #231F51 100%);
    background: -webkit-linear-gradient(top, #5E628C 0%, #3A3A6E 50%, #231F51 100%);
    background: linear-gradient(to bottom, #5E628C 0%, #3A3A6E 50%, #231F51 100%);
}
</style>