#40134D - #2B0534 | 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 #40134D to #2B0534

#40134D #2B0534

Calculate the color between two colors, #40134D and #2B0534. 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)

#40134D - #2B0534 | 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 #40134D as 0% and #2B0534 as 100%.

0.0%	0.0% #40134D	RGB 64 19 77	#40134D
16.7%	16.7% #3C1048	RGB 60 16 72	#3C1048
33.3%	33.3% #390E44	RGB 57 14 68	#390E44
50.0%	50.0% #350C40	RGB 53 12 64	#350C40
66.7%	66.7% #32093C	RGB 50 9 60	#32093C
83.3%	83.3% #2E0738	RGB 46 7 56	#2E0738
100.0%	100.0% #2B0534	RGB 43 5 52	#2B0534

#40134D #3C1048 #390E44 #350C40 #32093C #2E0738 #2B0534

#40134D - #2B0534

HSV Blend

#40134D - #2B0534 | 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 #40134D as 0% and #2B0534 as 100%.

0.0%	0.0% #3F134D	RGB 63 19 77	#3F134D
16.7%	16.7% #3C1048	RGB 60 16 72	#3C1048
33.3%	33.3% #380D44	RGB 56 13 68	#380D44
50.0%	50.0% #350B40	RGB 53 11 64	#350B40
66.7%	66.7% #31083C	RGB 49 8 60	#31083C
83.3%	83.3% #2E0638	RGB 46 6 56	#2E0638
100.0%	100.0% #2B0534	RGB 43 5 52	#2B0534

#3F134D #3C1048 #380D44 #350B40 #31083C #2E0638 #2B0534

#40134D - #350B40 - #2B0534

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F134D 0%, #350B40 50%, #2B0534 100%);
    background: -webkit-linear-gradient(top, #3F134D 0%, #350B40 50%, #2B0534 100%);
    background: linear-gradient(to bottom, #3F134D 0%, #350B40 50%, #2B0534 100%);
}
</style>