#5E1543 - #080712 | 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 #5E1543 to #080712

#5E1543 #080712

Calculate the color between two colors, #5E1543 and #080712. 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)

#5E1543 - #080712 | 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 #5E1543 as 0% and #080712 as 100%.

0.0%	0.0% #5E1543	RGB 94 21 67	#5E1543
16.7%	16.7% #4F123A	RGB 79 18 58	#4F123A
33.3%	33.3% #411032	RGB 65 16 50	#411032
50.0%	50.0% #330E2A	RGB 51 14 42	#330E2A
66.7%	66.7% #240B22	RGB 36 11 34	#240B22
83.3%	83.3% #16091A	RGB 22 9 26	#16091A
100.0%	100.0% #080712	RGB 8 7 18	#080712

#5E1543 #4F123A #411032 #330E2A #240B22 #16091A #080712

#5E1543 - #080712

HSV Blend

#5E1543 - #080712 | 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 #5E1543 as 0% and #080712 as 100%.

0.0%	0.0% #5E1443	RGB 94 20 67	#5E1443
16.7%	16.7% #511447	RGB 81 20 71	#511447
33.3%	33.3% #411344	RGB 65 19 68	#411344
50.0%	50.0% #2D1138	RGB 45 17 56	#2D1138
66.7%	66.7% #1D0E2B	RGB 29 14 43	#1D0E2B
83.3%	83.3% #110B1E	RGB 17 11 30	#110B1E
100.0%	100.0% #080712	RGB 8 7 18	#080712

#5E1443 #511447 #411344 #2D1138 #1D0E2B #110B1E #080712

#5E1543 - #2D1138 - #080712

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1443 0%, #2D1138 50%, #080712 100%);
    background: -webkit-linear-gradient(top, #5E1443 0%, #2D1138 50%, #080712 100%);
    background: linear-gradient(to bottom, #5E1443 0%, #2D1138 50%, #080712 100%);
}
</style>