#412E5E - #090038 | 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 #412E5E to #090038

#412E5E #090038

Calculate the color between two colors, #412E5E and #090038. 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)

#412E5E - #090038 | 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 #412E5E as 0% and #090038 as 100%.

0.0%	0.0% #412E5E	RGB 65 46 94	#412E5E
16.7%	16.7% #372657	RGB 55 38 87	#372657
33.3%	33.3% #2E1E51	RGB 46 30 81	#2E1E51
50.0%	50.0% #25174B	RGB 37 23 75	#25174B
66.7%	66.7% #1B0F44	RGB 27 15 68	#1B0F44
83.3%	83.3% #12073E	RGB 18 7 62	#12073E
100.0%	100.0% #090038	RGB 9 0 56	#090038

#412E5E #372657 #2E1E51 #25174B #1B0F44 #12073E #090038

#412E5E - #090038

HSV Blend

#412E5E - #090038 | 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 #412E5E as 0% and #090038 as 100%.

0.0%	0.0% #412E5E	RGB 65 46 94	#412E5E
16.7%	16.7% #362357	RGB 54 35 87	#362357
33.3%	33.3% #2B1A51	RGB 43 26 81	#2B1A51
50.0%	50.0% #22124B	RGB 34 18 75	#22124B
66.7%	66.7% #180B44	RGB 24 11 68	#180B44
83.3%	83.3% #10053E	RGB 16 5 62	#10053E
100.0%	100.0% #090038	RGB 9 0 56	#090038

#412E5E #362357 #2B1A51 #22124B #180B44 #10053E #090038

#412E5E - #22124B - #090038

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #412E5E 0%, #22124B 50%, #090038 100%);
    background: -webkit-linear-gradient(top, #412E5E 0%, #22124B 50%, #090038 100%);
    background: linear-gradient(to bottom, #412E5E 0%, #22124B 50%, #090038 100%);
}
</style>