#5E387F - #230828 | 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 #5E387F to #230828

#5E387F #230828

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

#5E387F - #230828 | 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 #5E387F as 0% and #230828 as 100%.

0.0%	0.0% #5E387F	RGB 94 56 127	#5E387F
16.7%	16.7% #543070	RGB 84 48 112	#543070
33.3%	33.3% #4A2862	RGB 74 40 98	#4A2862
50.0%	50.0% #402053	RGB 64 32 83	#402053
66.7%	66.7% #361845	RGB 54 24 69	#361845
83.3%	83.3% #2C1036	RGB 44 16 54	#2C1036
100.0%	100.0% #230828	RGB 35 8 40	#230828

#5E387F #543070 #4A2862 #402053 #361845 #2C1036 #230828

#5E387F - #230828

HSV Blend

#5E387F - #230828 | 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 #5E387F as 0% and #230828 as 100%.

0.0%	0.0% #5E387F	RGB 94 56 127	#5E387F
16.7%	16.7% #542D70	RGB 84 45 112	#542D70
33.3%	33.3% #4B2362	RGB 75 35 98	#4B2362
50.0%	50.0% #411A53	RGB 65 26 83	#411A53
66.7%	66.7% #381345	RGB 56 19 69	#381345
83.3%	83.3% #2D0D36	RGB 45 13 54	#2D0D36
100.0%	100.0% #230828	RGB 35 8 40	#230828

#5E387F #542D70 #4B2362 #411A53 #381345 #2D0D36 #230828

#5E387F - #411A53 - #230828

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E387F 0%, #411A53 50%, #230828 100%);
    background: -webkit-linear-gradient(top, #5E387F 0%, #411A53 50%, #230828 100%);
    background: linear-gradient(to bottom, #5E387F 0%, #411A53 50%, #230828 100%);
}
</style>