#5F3E5E - #1B111A | 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 #5F3E5E to #1B111A

#5F3E5E #1B111A

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

#5F3E5E - #1B111A | 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 #5F3E5E as 0% and #1B111A as 100%.

0.0%	0.0% #5F3E5E	RGB 95 62 94	#5F3E5E
16.7%	16.7% #533652	RGB 83 54 82	#533652
33.3%	33.3% #482F47	RGB 72 47 71	#482F47
50.0%	50.0% #3D273C	RGB 61 39 60	#3D273C
66.7%	66.7% #312030	RGB 49 32 48	#312030
83.3%	83.3% #261825	RGB 38 24 37	#261825
100.0%	100.0% #1B111A	RGB 27 17 26	#1B111A

#5F3E5E #533652 #482F47 #3D273C #312030 #261825 #1B111A

#5F3E5E - #1B111A

HSV Blend

#5F3E5E - #1B111A | 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 #5F3E5E as 0% and #1B111A as 100%.

0.0%	0.0% #5F3E5E	RGB 95 62 94	#5F3E5E
16.7%	16.7% #533652	RGB 83 54 82	#533652
33.3%	33.3% #482E46	RGB 72 46 70	#482E46
50.0%	50.0% #3D273B	RGB 61 39 59	#3D273B
66.7%	66.7% #311F30	RGB 49 31 48	#311F30
83.3%	83.3% #261825	RGB 38 24 37	#261825
100.0%	100.0% #1B111A	RGB 27 17 26	#1B111A

#5F3E5E #533652 #482E46 #3D273B #311F30 #261825 #1B111A

#5F3E5E - #3D273B - #1B111A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5F3E5E 0%, #3D273B 50%, #1B111A 100%);
    background: -webkit-linear-gradient(top, #5F3E5E 0%, #3D273B 50%, #1B111A 100%);
    background: linear-gradient(to bottom, #5F3E5E 0%, #3D273B 50%, #1B111A 100%);
}
</style>