#543D5E - #BF64CB | 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 #543D5E to #BF64CB

#543D5E #BF64CB

Calculate the color between two colors, #543D5E and #BF64CB. 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)

#543D5E - #BF64CB | 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 #543D5E as 0% and #BF64CB as 100%.

0.0%	0.0% #543D5E	RGB 84 61 94	#543D5E
16.7%	16.7% #654370	RGB 101 67 112	#654370
33.3%	33.3% #774A82	RGB 119 74 130	#774A82
50.0%	50.0% #895094	RGB 137 80 148	#895094
66.7%	66.7% #9B57A6	RGB 155 87 166	#9B57A6
83.3%	83.3% #AD5DB8	RGB 173 93 184	#AD5DB8
100.0%	100.0% #BF64CB	RGB 191 100 203	#BF64CB

#543D5E #654370 #774A82 #895094 #9B57A6 #AD5DB8 #BF64CB

#543D5E - #BF64CB

HSV Blend

#543D5E - #BF64CB | 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 #543D5E as 0% and #BF64CB as 100%.

0.0%	0.0% #543D5E	RGB 84 61 94	#543D5E
16.7%	16.7% #644570	RGB 100 69 112	#644570
33.3%	33.3% #754D82	RGB 117 77 130	#754D82
50.0%	50.0% #875494	RGB 135 84 148	#875494
66.7%	66.7% #995AA6	RGB 153 90 166	#995AA6
83.3%	83.3% #AB5FB8	RGB 171 95 184	#AB5FB8
100.0%	100.0% #BF64CB	RGB 191 100 203	#BF64CB

#543D5E #644570 #754D82 #875494 #995AA6 #AB5FB8 #BF64CB

#543D5E - #875494 - #BF64CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #543D5E 0%, #875494 50%, #BF64CB 100%);
    background: -webkit-linear-gradient(top, #543D5E 0%, #875494 50%, #BF64CB 100%);
    background: linear-gradient(to bottom, #543D5E 0%, #875494 50%, #BF64CB 100%);
}
</style>