#391034 - #81386D | 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 #391034 to #81386D

#391034 #81386D

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

#391034 - #81386D | 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 #391034 as 0% and #81386D as 100%.

0.0%	0.0% #391034	RGB 57 16 52	#391034
16.7%	16.7% #45163D	RGB 69 22 61	#45163D
33.3%	33.3% #511D47	RGB 81 29 71	#511D47
50.0%	50.0% #5D2450	RGB 93 36 80	#5D2450
66.7%	66.7% #692A5A	RGB 105 42 90	#692A5A
83.3%	83.3% #753163	RGB 117 49 99	#753163
100.0%	100.0% #81386D	RGB 129 56 109	#81386D

#391034 #45163D #511D47 #5D2450 #692A5A #753163 #81386D

#391034 - #81386D

HSV Blend

#391034 - #81386D | 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 #391034 as 0% and #81386D as 100%.

0.0%	0.0% #391034	RGB 57 16 52	#391034
16.7%	16.7% #45153D	RGB 69 21 61	#45153D
33.3%	33.3% #511A47	RGB 81 26 71	#511A47
50.0%	50.0% #5D2151	RGB 93 33 81	#5D2151
66.7%	66.7% #69285A	RGB 105 40 90	#69285A
83.3%	83.3% #752F63	RGB 117 47 99	#752F63
100.0%	100.0% #81386D	RGB 129 56 109	#81386D

#391034 #45153D #511A47 #5D2151 #69285A #752F63 #81386D

#391034 - #5D2151 - #81386D

CSS codes

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

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