#402C5E - #1A0713 | 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 #402C5E to #1A0713

#402C5E #1A0713

Calculate the color between two colors, #402C5E and #1A0713. 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)

#402C5E - #1A0713 | 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 #402C5E as 0% and #1A0713 as 100%.

0.0%	0.0% #402C5E	RGB 64 44 94	#402C5E
16.7%	16.7% #392551	RGB 57 37 81	#392551
33.3%	33.3% #331F45	RGB 51 31 69	#331F45
50.0%	50.0% #2D1938	RGB 45 25 56	#2D1938
66.7%	66.7% #26132C	RGB 38 19 44	#26132C
83.3%	83.3% #200D1F	RGB 32 13 31	#200D1F
100.0%	100.0% #1A0713	RGB 26 7 19	#1A0713

#402C5E #392551 #331F45 #2D1938 #26132C #200D1F #1A0713

#402C5E - #1A0713

HSV Blend

#402C5E - #1A0713 | 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 #402C5E as 0% and #1A0713 as 100%.

0.0%	0.0% #402C5E	RGB 64 44 94	#402C5E
16.7%	16.7% #3E2352	RGB 62 35 82	#3E2352
33.3%	33.3% #3B1C47	RGB 59 28 71	#3B1C47
50.0%	50.0% #37163C	RGB 55 22 60	#37163C
66.7%	66.7% #30102F	RGB 48 16 47	#30102F
83.3%	83.3% #250B1F	RGB 37 11 31	#250B1F
100.0%	100.0% #1A0713	RGB 26 7 19	#1A0713

#402C5E #3E2352 #3B1C47 #37163C #30102F #250B1F #1A0713

#402C5E - #37163C - #1A0713

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #402C5E 0%, #37163C 50%, #1A0713 100%);
    background: -webkit-linear-gradient(top, #402C5E 0%, #37163C 50%, #1A0713 100%);
    background: linear-gradient(to bottom, #402C5E 0%, #37163C 50%, #1A0713 100%);
}
</style>