#1E1039 - #57358B | 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 #1E1039 to #57358B

#1E1039 #57358B

Calculate the color between two colors, #1E1039 and #57358B. 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)

#1E1039 - #57358B | 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 #1E1039 as 0% and #57358B as 100%.

0.0%	0.0% #1E1039	RGB 30 16 57	#1E1039
16.7%	16.7% #271646	RGB 39 22 70	#271646
33.3%	33.3% #311C54	RGB 49 28 84	#311C54
50.0%	50.0% #3A2262	RGB 58 34 98	#3A2262
66.7%	66.7% #44286F	RGB 68 40 111	#44286F
83.3%	83.3% #4D2E7D	RGB 77 46 125	#4D2E7D
100.0%	100.0% #57358B	RGB 87 53 139	#57358B

#1E1039 #271646 #311C54 #3A2262 #44286F #4D2E7D #57358B

#1E1039 - #57358B

HSV Blend

#1E1039 - #57358B | 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 #1E1039 as 0% and #57358B as 100%.

0.0%	0.0% #1E1039	RGB 30 16 57	#1E1039
16.7%	16.7% #261546	RGB 38 21 70	#261546
33.3%	33.3% #2F1A54	RGB 47 26 84	#2F1A54
50.0%	50.0% #382062	RGB 56 32 98	#382062
66.7%	66.7% #42266F	RGB 66 38 111	#42266F
83.3%	83.3% #4C2D7D	RGB 76 45 125	#4C2D7D
100.0%	100.0% #57358B	RGB 87 53 139	#57358B

#1E1039 #261546 #2F1A54 #382062 #42266F #4C2D7D #57358B

#1E1039 - #382062 - #57358B

CSS codes

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

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