#BCB5D1 - #73568D | 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 #BCB5D1 to #73568D

#BCB5D1 #73568D

Calculate the color between two colors, #BCB5D1 and #73568D. 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)

#BCB5D1 - #73568D | 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 #BCB5D1 as 0% and #73568D as 100%.

0.0%	0.0% #BCB5D1	RGB 188 181 209	#BCB5D1
16.7%	16.7% #AFA5C5	RGB 175 165 197	#AFA5C5
33.3%	33.3% #A395BA	RGB 163 149 186	#A395BA
50.0%	50.0% #9785AF	RGB 151 133 175	#9785AF
66.7%	66.7% #8B75A3	RGB 139 117 163	#8B75A3
83.3%	83.3% #7F6598	RGB 127 101 152	#7F6598
100.0%	100.0% #73568D	RGB 115 86 141	#73568D

#BCB5D1 #AFA5C5 #A395BA #9785AF #8B75A3 #7F6598 #73568D

#BCB5D1 - #73568D

HSV Blend

#BCB5D1 - #73568D | 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 #BCB5D1 as 0% and #73568D as 100%.

0.0%	0.0% #BCB5D1	RGB 188 181 209	#BCB5D1
16.7%	16.7% #ADA2C5	RGB 173 162 197	#ADA2C5
33.3%	33.3% #9F91BA	RGB 159 145 186	#9F91BA
50.0%	50.0% #9281AF	RGB 146 129 175	#9281AF
66.7%	66.7% #8771A3	RGB 135 113 163	#8771A3
83.3%	83.3% #7C6398	RGB 124 99 152	#7C6398
100.0%	100.0% #73568D	RGB 115 86 141	#73568D

#BCB5D1 #ADA2C5 #9F91BA #9281AF #8771A3 #7C6398 #73568D

#BCB5D1 - #9281AF - #73568D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCB5D1 0%, #9281AF 50%, #73568D 100%);
    background: -webkit-linear-gradient(top, #BCB5D1 0%, #9281AF 50%, #73568D 100%);
    background: linear-gradient(to bottom, #BCB5D1 0%, #9281AF 50%, #73568D 100%);
}
</style>