#311039 - #0D0410 | 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 #311039 to #0D0410

#311039 #0D0410

Calculate the color between two colors, #311039 and #0D0410. 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)

#311039 - #0D0410 | 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 #311039 as 0% and #0D0410 as 100%.

0.0%	0.0% #311039	RGB 49 16 57	#311039
16.7%	16.7% #2B0E32	RGB 43 14 50	#2B0E32
33.3%	33.3% #250C2B	RGB 37 12 43	#250C2B
50.0%	50.0% #1F0A24	RGB 31 10 36	#1F0A24
66.7%	66.7% #19081D	RGB 25 8 29	#19081D
83.3%	83.3% #130616	RGB 19 6 22	#130616
100.0%	100.0% #0D0410	RGB 13 4 16	#0D0410

#311039 #2B0E32 #250C2B #1F0A24 #19081D #130616 #0D0410

#311039 - #0D0410

HSV Blend

#311039 - #0D0410 | 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 #311039 as 0% and #0D0410 as 100%.

0.0%	0.0% #311039	RGB 49 16 57	#311039
16.7%	16.7% #2A0D32	RGB 42 13 50	#2A0D32
33.3%	33.3% #240B2B	RGB 36 11 43	#240B2B
50.0%	50.0% #1E0924	RGB 30 9 36	#1E0924
66.7%	66.7% #18071D	RGB 24 7 29	#18071D
83.3%	83.3% #120516	RGB 18 5 22	#120516
100.0%	100.0% #0D0410	RGB 13 4 16	#0D0410

#311039 #2A0D32 #240B2B #1E0924 #18071D #120516 #0D0410

#311039 - #1E0924 - #0D0410

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #311039 0%, #1E0924 50%, #0D0410 100%);
    background: -webkit-linear-gradient(top, #311039 0%, #1E0924 50%, #0D0410 100%);
    background: linear-gradient(to bottom, #311039 0%, #1E0924 50%, #0D0410 100%);
}
</style>