#50373B - #9B5E9F | 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 #50373B to #9B5E9F

#50373B #9B5E9F

Calculate the color between two colors, #50373B and #9B5E9F. 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)

#50373B - #9B5E9F | 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 #50373B as 0% and #9B5E9F as 100%.

0.0%	0.0% #50373B	RGB 80 55 59	#50373B
16.7%	16.7% #5C3D4B	RGB 92 61 75	#5C3D4B
33.3%	33.3% #69445C	RGB 105 68 92	#69445C
50.0%	50.0% #754A6D	RGB 117 74 109	#754A6D
66.7%	66.7% #82517D	RGB 130 81 125	#82517D
83.3%	83.3% #8E578E	RGB 142 87 142	#8E578E
100.0%	100.0% #9B5E9F	RGB 155 94 159	#9B5E9F

#50373B #5C3D4B #69445C #754A6D #82517D #8E578E #9B5E9F

#50373B - #9B5E9F

HSV Blend

#50373B - #9B5E9F | 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 #50373B as 0% and #9B5E9F as 100%.

0.0%	0.0% #50373B	RGB 80 55 59	#50373B
16.7%	16.7% #5D3E48	RGB 93 62 72	#5D3E48
33.3%	33.3% #6A4556	RGB 106 69 86	#6A4556
50.0%	50.0% #774C66	RGB 119 76 102	#774C66
66.7%	66.7% #845278	RGB 132 82 120	#845278
83.3%	83.3% #91588C	RGB 145 88 140	#91588C
100.0%	100.0% #9B5E9F	RGB 155 94 159	#9B5E9F

#50373B #5D3E48 #6A4556 #774C66 #845278 #91588C #9B5E9F

#50373B - #774C66 - #9B5E9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50373B 0%, #774C66 50%, #9B5E9F 100%);
    background: -webkit-linear-gradient(top, #50373B 0%, #774C66 50%, #9B5E9F 100%);
    background: linear-gradient(to bottom, #50373B 0%, #774C66 50%, #9B5E9F 100%);
}
</style>