#BA97D9 - #352B3E | 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 #BA97D9 to #352B3E

#BA97D9 #352B3E

Calculate the color between two colors, #BA97D9 and #352B3E. 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)

#BA97D9 - #352B3E | 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 #BA97D9 as 0% and #352B3E as 100%.

0.0%	0.0% #BA97D9	RGB 186 151 217	#BA97D9
16.7%	16.7% #A385BF	RGB 163 133 191	#A385BF
33.3%	33.3% #8D73A5	RGB 141 115 165	#8D73A5
50.0%	50.0% #77618B	RGB 119 97 139	#77618B
66.7%	66.7% #614F71	RGB 97 79 113	#614F71
83.3%	83.3% #4B3D57	RGB 75 61 87	#4B3D57
100.0%	100.0% #352B3E	RGB 53 43 62	#352B3E

#BA97D9 #A385BF #8D73A5 #77618B #614F71 #4B3D57 #352B3E

#BA97D9 - #352B3E

HSV Blend

#BA97D9 - #352B3E | 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 #BA97D9 as 0% and #352B3E as 100%.

0.0%	0.0% #BA97D9	RGB 186 151 217	#BA97D9
16.7%	16.7% #A384BF	RGB 163 132 191	#A384BF
33.3%	33.3% #8D72A5	RGB 141 114 165	#8D72A5
50.0%	50.0% #77608B	RGB 119 96 139	#77608B
66.7%	66.7% #614E71	RGB 97 78 113	#614E71
83.3%	83.3% #4B3C57	RGB 75 60 87	#4B3C57
100.0%	100.0% #352B3E	RGB 53 43 62	#352B3E

#BA97D9 #A384BF #8D72A5 #77608B #614E71 #4B3C57 #352B3E

#BA97D9 - #77608B - #352B3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA97D9 0%, #77608B 50%, #352B3E 100%);
    background: -webkit-linear-gradient(top, #BA97D9 0%, #77608B 50%, #352B3E 100%);
    background: linear-gradient(to bottom, #BA97D9 0%, #77608B 50%, #352B3E 100%);
}
</style>