#3F1B5E - #985F77 | 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 #3F1B5E to #985F77

#3F1B5E #985F77

Calculate the color between two colors, #3F1B5E and #985F77. 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)

#3F1B5E - #985F77 | 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 #3F1B5E as 0% and #985F77 as 100%.

0.0%	0.0% #3F1B5E	RGB 63 27 94	#3F1B5E
16.7%	16.7% #4D2662	RGB 77 38 98	#4D2662
33.3%	33.3% #5C3166	RGB 92 49 102	#5C3166
50.0%	50.0% #6B3D6A	RGB 107 61 106	#6B3D6A
66.7%	66.7% #7A486E	RGB 122 72 110	#7A486E
83.3%	83.3% #895372	RGB 137 83 114	#895372
100.0%	100.0% #985F77	RGB 152 95 119	#985F77

#3F1B5E #4D2662 #5C3166 #6B3D6A #7A486E #895372 #985F77

#3F1B5E - #985F77

HSV Blend

#3F1B5E - #985F77 | 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 #3F1B5E as 0% and #985F77 as 100%.

0.0%	0.0% #3F1B5E	RGB 63 27 94	#3F1B5E
16.7%	16.7% #532367	RGB 83 35 103	#532367
33.3%	33.3% #692D71	RGB 105 45 113	#692D71
50.0%	50.0% #7B3877	RGB 123 56 119	#7B3877
66.7%	66.7% #844375	RGB 132 67 117	#844375
83.3%	83.3% #8E5075	RGB 142 80 117	#8E5075
100.0%	100.0% #985F77	RGB 152 95 119	#985F77

#3F1B5E #532367 #692D71 #7B3877 #844375 #8E5075 #985F77

#3F1B5E - #7B3877 - #985F77

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F1B5E 0%, #7B3877 50%, #985F77 100%);
    background: -webkit-linear-gradient(top, #3F1B5E 0%, #7B3877 50%, #985F77 100%);
    background: linear-gradient(to bottom, #3F1B5E 0%, #7B3877 50%, #985F77 100%);
}
</style>