#461B5E - #110612 | 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 #461B5E to #110612

#461B5E #110612

Calculate the color between two colors, #461B5E and #110612. 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)

#461B5E - #110612 | 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 #461B5E as 0% and #110612 as 100%.

0.0%	0.0% #461B5E	RGB 70 27 94	#461B5E
16.7%	16.7% #3D1751	RGB 61 23 81	#3D1751
33.3%	33.3% #341444	RGB 52 20 68	#341444
50.0%	50.0% #2B1038	RGB 43 16 56	#2B1038
66.7%	66.7% #220D2B	RGB 34 13 43	#220D2B
83.3%	83.3% #19091E	RGB 25 9 30	#19091E
100.0%	100.0% #110612	RGB 17 6 18	#110612

#461B5E #3D1751 #341444 #2B1038 #220D2B #19091E #110612

#461B5E - #110612

HSV Blend

#461B5E - #110612 | 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 #461B5E as 0% and #110612 as 100%.

0.0%	0.0% #461B5E	RGB 70 27 94	#461B5E
16.7%	16.7% #3F1751	RGB 63 23 81	#3F1751
33.3%	33.3% #371444	RGB 55 20 68	#371444
50.0%	50.0% #2F1138	RGB 47 17 56	#2F1138
66.7%	66.7% #260D2B	RGB 38 13 43	#260D2B
83.3%	83.3% #1B091E	RGB 27 9 30	#1B091E
100.0%	100.0% #110612	RGB 17 6 18	#110612

#461B5E #3F1751 #371444 #2F1138 #260D2B #1B091E #110612

#461B5E - #2F1138 - #110612

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #461B5E 0%, #2F1138 50%, #110612 100%);
    background: -webkit-linear-gradient(top, #461B5E 0%, #2F1138 50%, #110612 100%);
    background: linear-gradient(to bottom, #461B5E 0%, #2F1138 50%, #110612 100%);
}
</style>