#543EB6 - #C496D7 | 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 #543EB6 to #C496D7

#543EB6 #C496D7

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

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

0.0%	0.0% #543EB6	RGB 84 62 182	#543EB6
16.7%	16.7% #664CBB	RGB 102 76 187	#664CBB
33.3%	33.3% #795BC1	RGB 121 91 193	#795BC1
50.0%	50.0% #8C6AC6	RGB 140 106 198	#8C6AC6
66.7%	66.7% #9E78CC	RGB 158 120 204	#9E78CC
83.3%	83.3% #B187D1	RGB 177 135 209	#B187D1
100.0%	100.0% #C496D7	RGB 196 150 215	#C496D7

#543EB6 #664CBB #795BC1 #8C6AC6 #9E78CC #B187D1 #C496D7

#543EB6 - #C496D7

HSV Blend

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

0.0%	0.0% #543EB6	RGB 84 62 182	#543EB6
16.7%	16.7% #694BBB	RGB 105 75 187	#694BBB
33.3%	33.3% #7E58C1	RGB 126 88 193	#7E58C1
50.0%	50.0% #9167C6	RGB 145 103 198	#9167C6
66.7%	66.7% #A376CC	RGB 163 118 204	#A376CC
83.3%	83.3% #B485D1	RGB 180 133 209	#B485D1
100.0%	100.0% #C496D7	RGB 196 150 215	#C496D7

#543EB6 #694BBB #7E58C1 #9167C6 #A376CC #B485D1 #C496D7

#543EB6 - #9167C6 - #C496D7

CSS codes

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

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