#39394D - #8367B8 | 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 #39394D to #8367B8

#39394D #8367B8

Calculate the color between two colors, #39394D and #8367B8. 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)

#39394D - #8367B8 | 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 #39394D as 0% and #8367B8 as 100%.

0.0%	0.0% #39394D	RGB 57 57 77	#39394D
16.7%	16.7% #45405E	RGB 69 64 94	#45405E
33.3%	33.3% #514870	RGB 81 72 112	#514870
50.0%	50.0% #5E5082	RGB 94 80 130	#5E5082
66.7%	66.7% #6A5794	RGB 106 87 148	#6A5794
83.3%	83.3% #765FA6	RGB 118 95 166	#765FA6
100.0%	100.0% #8367B8	RGB 131 103 184	#8367B8

#39394D #45405E #514870 #5E5082 #6A5794 #765FA6 #8367B8

#39394D - #8367B8

HSV Blend

#39394D - #8367B8 | 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 #39394D as 0% and #8367B8 as 100%.

0.0%	0.0% #39394D	RGB 57 57 77	#39394D
16.7%	16.7% #44435E	RGB 68 67 94	#44435E
33.3%	33.3% #504C70	RGB 80 76 112	#504C70
50.0%	50.0% #5C5482	RGB 92 84 130	#5C5482
66.7%	66.7% #685B94	RGB 104 91 148	#685B94
83.3%	83.3% #7562A6	RGB 117 98 166	#7562A6
100.0%	100.0% #8367B8	RGB 131 103 184	#8367B8

#39394D #44435E #504C70 #5C5482 #685B94 #7562A6 #8367B8

#39394D - #5C5482 - #8367B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #39394D 0%, #5C5482 50%, #8367B8 100%);
    background: -webkit-linear-gradient(top, #39394D 0%, #5C5482 50%, #8367B8 100%);
    background: linear-gradient(to bottom, #39394D 0%, #5C5482 50%, #8367B8 100%);
}
</style>