#402E5C - #1B0812 | 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 #402E5C to #1B0812

#402E5C #1B0812

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

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

0.0%	0.0% #402E5C	RGB 64 46 92	#402E5C
16.7%	16.7% #39274F	RGB 57 39 79	#39274F
33.3%	33.3% #332143	RGB 51 33 67	#332143
50.0%	50.0% #2D1B37	RGB 45 27 55	#2D1B37
66.7%	66.7% #27142A	RGB 39 20 42	#27142A
83.3%	83.3% #210E1E	RGB 33 14 30	#210E1E
100.0%	100.0% #1B0812	RGB 27 8 18	#1B0812

#402E5C #39274F #332143 #2D1B37 #27142A #210E1E #1B0812

#402E5C - #1B0812

HSV Blend

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

0.0%	0.0% #402E5C	RGB 64 46 92	#402E5C
16.7%	16.7% #3E2551	RGB 62 37 81	#3E2551
33.3%	33.3% #3C1E46	RGB 60 30 70	#3C1E46
50.0%	50.0% #39173B	RGB 57 23 59	#39173B
66.7%	66.7% #30112D	RGB 48 17 45	#30112D
83.3%	83.3% #250C1E	RGB 37 12 30	#250C1E
100.0%	100.0% #1B0812	RGB 27 8 18	#1B0812

#402E5C #3E2551 #3C1E46 #39173B #30112D #250C1E #1B0812

#402E5C - #39173B - #1B0812

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #402E5C 0%, #39173B 50%, #1B0812 100%);
    background: -webkit-linear-gradient(top, #402E5C 0%, #39173B 50%, #1B0812 100%);
    background: linear-gradient(to bottom, #402E5C 0%, #39173B 50%, #1B0812 100%);
}
</style>