#726B7B - #BC8CEE | 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 #726B7B to #BC8CEE

#726B7B #BC8CEE

Calculate the color between two colors, #726B7B and #BC8CEE. 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)

#726B7B - #BC8CEE | 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 #726B7B as 0% and #BC8CEE as 100%.

0.0%	0.0% #726B7B	RGB 114 107 123	#726B7B
16.7%	16.7% #7E708E	RGB 126 112 142	#7E708E
33.3%	33.3% #8A76A1	RGB 138 118 161	#8A76A1
50.0%	50.0% #977BB4	RGB 151 123 180	#977BB4
66.7%	66.7% #A381C7	RGB 163 129 199	#A381C7
83.3%	83.3% #AF86DA	RGB 175 134 218	#AF86DA
100.0%	100.0% #BC8CEE	RGB 188 140 238	#BC8CEE

#726B7B #7E708E #8A76A1 #977BB4 #A381C7 #AF86DA #BC8CEE

#726B7B - #BC8CEE

HSV Blend

#726B7B - #BC8CEE | 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 #726B7B as 0% and #BC8CEE as 100%.

0.0%	0.0% #726B7B	RGB 114 107 123	#726B7B
16.7%	16.7% #80748E	RGB 128 116 142	#80748E
33.3%	33.3% #8D7DA1	RGB 141 125 161	#8D7DA1
50.0%	50.0% #9A83B4	RGB 154 131 180	#9A83B4
66.7%	66.7% #A688C7	RGB 166 136 199	#A688C7
83.3%	83.3% #B18ADA	RGB 177 138 218	#B18ADA
100.0%	100.0% #BC8CEE	RGB 188 140 238	#BC8CEE

#726B7B #80748E #8D7DA1 #9A83B4 #A688C7 #B18ADA #BC8CEE

#726B7B - #9A83B4 - #BC8CEE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #726B7B 0%, #9A83B4 50%, #BC8CEE 100%);
    background: -webkit-linear-gradient(top, #726B7B 0%, #9A83B4 50%, #BC8CEE 100%);
    background: linear-gradient(to bottom, #726B7B 0%, #9A83B4 50%, #BC8CEE 100%);
}
</style>