#403F5E - #26113B | 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 #403F5E to #26113B

#403F5E #26113B

Calculate the color between two colors, #403F5E and #26113B. 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)

#403F5E - #26113B | 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 #403F5E as 0% and #26113B as 100%.

0.0%	0.0% #403F5E	RGB 64 63 94	#403F5E
16.7%	16.7% #3B3758	RGB 59 55 88	#3B3758
33.3%	33.3% #372F52	RGB 55 47 82	#372F52
50.0%	50.0% #33284C	RGB 51 40 76	#33284C
66.7%	66.7% #2E2046	RGB 46 32 70	#2E2046
83.3%	83.3% #2A1840	RGB 42 24 64	#2A1840
100.0%	100.0% #26113B	RGB 38 17 59	#26113B

#403F5E #3B3758 #372F52 #33284C #2E2046 #2A1840 #26113B

#403F5E - #26113B

HSV Blend

#403F5E - #26113B | 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 #403F5E as 0% and #26113B as 100%.

0.0%	0.0% #403F5E	RGB 64 63 94	#403F5E
16.7%	16.7% #393558	RGB 57 53 88	#393558
33.3%	33.3% #332C52	RGB 51 44 82	#332C52
50.0%	50.0% #2F244C	RGB 47 36 76	#2F244C
66.7%	66.7% #2B1D46	RGB 43 29 70	#2B1D46
83.3%	83.3% #281640	RGB 40 22 64	#281640
100.0%	100.0% #26113B	RGB 38 17 59	#26113B

#403F5E #393558 #332C52 #2F244C #2B1D46 #281640 #26113B

#403F5E - #2F244C - #26113B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #403F5E 0%, #2F244C 50%, #26113B 100%);
    background: -webkit-linear-gradient(top, #403F5E 0%, #2F244C 50%, #26113B 100%);
    background: linear-gradient(to bottom, #403F5E 0%, #2F244C 50%, #26113B 100%);
}
</style>