#231A39 - #8F575E | 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 #231A39 to #8F575E

#231A39 #8F575E

Calculate the color between two colors, #231A39 and #8F575E. 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)

#231A39 - #8F575E | 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 #231A39 as 0% and #8F575E as 100%.

0.0%	0.0% #231A39	RGB 35 26 57	#231A39
16.7%	16.7% #35243F	RGB 53 36 63	#35243F
33.3%	33.3% #472E45	RGB 71 46 69	#472E45
50.0%	50.0% #59384B	RGB 89 56 75	#59384B
66.7%	66.7% #6B4251	RGB 107 66 81	#6B4251
83.3%	83.3% #7D4C57	RGB 125 76 87	#7D4C57
100.0%	100.0% #8F575E	RGB 143 87 94	#8F575E

#231A39 #35243F #472E45 #59384B #6B4251 #7D4C57 #8F575E

#231A39 - #8F575E

HSV Blend

#231A39 - #8F575E | 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 #231A39 as 0% and #8F575E as 100%.

0.0%	0.0% #221A39	RGB 34 26 57	#221A39
16.7%	16.7% #362247	RGB 54 34 71	#362247
33.3%	33.3% #4E2B55	RGB 78 43 85	#4E2B55
50.0%	50.0% #643560	RGB 100 53 96	#643560
66.7%	66.7% #723F60	RGB 114 63 96	#723F60
83.3%	83.3% #804B5F	RGB 128 75 95	#804B5F
100.0%	100.0% #8F575E	RGB 143 87 94	#8F575E

#221A39 #362247 #4E2B55 #643560 #723F60 #804B5F #8F575E

#231A39 - #643560 - #8F575E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #221A39 0%, #643560 50%, #8F575E 100%);
    background: -webkit-linear-gradient(top, #221A39 0%, #643560 50%, #8F575E 100%);
    background: linear-gradient(to bottom, #221A39 0%, #643560 50%, #8F575E 100%);
}
</style>