#1A1A39 - #8F576E | 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 #1A1A39 to #8F576E

#1A1A39 #8F576E

Calculate the color between two colors, #1A1A39 and #8F576E. 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)

#1A1A39 - #8F576E | 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 #1A1A39 as 0% and #8F576E as 100%.

0.0%	0.0% #1A1A39	RGB 26 26 57	#1A1A39
16.7%	16.7% #2D2441	RGB 45 36 65	#2D2441
33.3%	33.3% #412E4A	RGB 65 46 74	#412E4A
50.0%	50.0% #543853	RGB 84 56 83	#543853
66.7%	66.7% #68425C	RGB 104 66 92	#68425C
83.3%	83.3% #7B4C65	RGB 123 76 101	#7B4C65
100.0%	100.0% #8F576E	RGB 143 87 110	#8F576E

#1A1A39 #2D2441 #412E4A #543853 #68425C #7B4C65 #8F576E

#1A1A39 - #8F576E

HSV Blend

#1A1A39 - #8F576E | 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 #1A1A39 as 0% and #8F576E as 100%.

0.0%	0.0% #1A1A39	RGB 26 26 57	#1A1A39
16.7%	16.7% #2C2247	RGB 44 34 71	#2C2247
33.3%	33.3% #412B55	RGB 65 43 85	#412B55
50.0%	50.0% #5A3564	RGB 90 53 100	#5A3564
66.7%	66.7% #723F6F	RGB 114 63 111	#723F6F
83.3%	83.3% #804B6F	RGB 128 75 111	#804B6F
100.0%	100.0% #8F576E	RGB 143 87 110	#8F576E

#1A1A39 #2C2247 #412B55 #5A3564 #723F6F #804B6F #8F576E

#1A1A39 - #5A3564 - #8F576E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A1A39 0%, #5A3564 50%, #8F576E 100%);
    background: -webkit-linear-gradient(top, #1A1A39 0%, #5A3564 50%, #8F576E 100%);
    background: linear-gradient(to bottom, #1A1A39 0%, #5A3564 50%, #8F576E 100%);
}
</style>