#1E1039 - #7E4960 | 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 #7E4960

#1E1039 #7E4960

Calculate the color between two colors, #1E1039 and #7E4960. 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 - #7E4960 | 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 #7E4960 as 100%.

0.0%	0.0% #1E1039	RGB 30 16 57	#1E1039
16.7%	16.7% #2E193F	RGB 46 25 63	#2E193F
33.3%	33.3% #3E2346	RGB 62 35 70	#3E2346
50.0%	50.0% #4E2C4C	RGB 78 44 76	#4E2C4C
66.7%	66.7% #5E3653	RGB 94 54 83	#5E3653
83.3%	83.3% #6E3F59	RGB 110 63 89	#6E3F59
100.0%	100.0% #7E4960	RGB 126 73 96	#7E4960

#1E1039 #2E193F #3E2346 #4E2C4C #5E3653 #6E3F59 #7E4960

#1E1039 - #7E4960

HSV Blend

#1E1039 - #7E4960 | 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 #7E4960 as 100%.

0.0%	0.0% #1E1039	RGB 30 16 57	#1E1039
16.7%	16.7% #2F1644	RGB 47 22 68	#2F1644
33.3%	33.3% #431E50	RGB 67 30 80	#431E50
50.0%	50.0% #59275B	RGB 89 39 91	#59275B
66.7%	66.7% #67315E	RGB 103 49 94	#67315E
83.3%	83.3% #723C5F	RGB 114 60 95	#723C5F
100.0%	100.0% #7E4960	RGB 126 73 96	#7E4960

#1E1039 #2F1644 #431E50 #59275B #67315E #723C5F #7E4960

#1E1039 - #59275B - #7E4960

CSS codes

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

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