#391036 - #7F3C8B | 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 #391036 to #7F3C8B

#391036 #7F3C8B

Calculate the color between two colors, #391036 and #7F3C8B. 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)

#391036 - #7F3C8B | 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 #391036 as 0% and #7F3C8B as 100%.

0.0%	0.0% #391036	RGB 57 16 54	#391036
16.7%	16.7% #441744	RGB 68 23 68	#441744
33.3%	33.3% #501E52	RGB 80 30 82	#501E52
50.0%	50.0% #5C2660	RGB 92 38 96	#5C2660
66.7%	66.7% #672D6E	RGB 103 45 110	#672D6E
83.3%	83.3% #73347C	RGB 115 52 124	#73347C
100.0%	100.0% #7F3C8B	RGB 127 60 139	#7F3C8B

#391036 #441744 #501E52 #5C2660 #672D6E #73347C #7F3C8B

#391036 - #7F3C8B

HSV Blend

#391036 - #7F3C8B | 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 #391036 as 0% and #7F3C8B as 100%.

0.0%	0.0% #391035	RGB 57 16 53	#391035
16.7%	16.7% #461544	RGB 70 21 68	#461544
33.3%	33.3% #541B54	RGB 84 27 84	#541B54
50.0%	50.0% #5F2262	RGB 95 34 98	#5F2262
66.7%	66.7% #6A2A6F	RGB 106 42 111	#6A2A6F
83.3%	83.3% #74327D	RGB 116 50 125	#74327D
100.0%	100.0% #7F3C8B	RGB 127 60 139	#7F3C8B

#391035 #461544 #541B54 #5F2262 #6A2A6F #74327D #7F3C8B

#391036 - #5F2262 - #7F3C8B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391035 0%, #5F2262 50%, #7F3C8B 100%);
    background: -webkit-linear-gradient(top, #391035 0%, #5F2262 50%, #7F3C8B 100%);
    background: linear-gradient(to bottom, #391035 0%, #5F2262 50%, #7F3C8B 100%);
}
</style>