#31144D - #0E0616 | 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 #31144D to #0E0616

#31144D #0E0616

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

#31144D - #0E0616 | 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 #31144D as 0% and #0E0616 as 100%.

0.0%	0.0% #31144D	RGB 49 20 77	#31144D
16.7%	16.7% #2B1143	RGB 43 17 67	#2B1143
33.3%	33.3% #250F3A	RGB 37 15 58	#250F3A
50.0%	50.0% #1F0D31	RGB 31 13 49	#1F0D31
66.7%	66.7% #190A28	RGB 25 10 40	#190A28
83.3%	83.3% #13081F	RGB 19 8 31	#13081F
100.0%	100.0% #0E0616	RGB 14 6 22	#0E0616

#31144D #2B1143 #250F3A #1F0D31 #190A28 #13081F #0E0616

#31144D - #0E0616

HSV Blend

#31144D - #0E0616 | 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 #31144D as 0% and #0E0616 as 100%.

0.0%	0.0% #31134D	RGB 49 19 77	#31134D
16.7%	16.7% #2B1143	RGB 43 17 67	#2B1143
33.3%	33.3% #250F3A	RGB 37 15 58	#250F3A
50.0%	50.0% #1F0D31	RGB 31 13 49	#1F0D31
66.7%	66.7% #190A28	RGB 25 10 40	#190A28
83.3%	83.3% #13081F	RGB 19 8 31	#13081F
100.0%	100.0% #0E0616	RGB 14 6 22	#0E0616

#31134D #2B1143 #250F3A #1F0D31 #190A28 #13081F #0E0616

#31144D - #1F0D31 - #0E0616

CSS codes

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

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