#BCB9CE - #5B4D9A | 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 #BCB9CE to #5B4D9A

#BCB9CE #5B4D9A

Calculate the color between two colors, #BCB9CE and #5B4D9A. 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)

#BCB9CE - #5B4D9A | 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 #BCB9CE as 0% and #5B4D9A as 100%.

0.0%	0.0% #BCB9CE	RGB 188 185 206	#BCB9CE
16.7%	16.7% #ABA7C5	RGB 171 167 197	#ABA7C5
33.3%	33.3% #9B95BC	RGB 155 149 188	#9B95BC
50.0%	50.0% #8B83B4	RGB 139 131 180	#8B83B4
66.7%	66.7% #7B71AB	RGB 123 113 171	#7B71AB
83.3%	83.3% #6B5FA2	RGB 107 95 162	#6B5FA2
100.0%	100.0% #5B4D9A	RGB 91 77 154	#5B4D9A

#BCB9CE #ABA7C5 #9B95BC #8B83B4 #7B71AB #6B5FA2 #5B4D9A

#BCB9CE - #5B4D9A

HSV Blend

#BCB9CE - #5B4D9A | 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 #BCB9CE as 0% and #5B4D9A as 100%.

0.0%	0.0% #BCB9CE	RGB 188 185 206	#BCB9CE
16.7%	16.7% #A9A4C5	RGB 169 164 197	#A9A4C5
33.3%	33.3% #9790BC	RGB 151 144 188	#9790BC
50.0%	50.0% #867DB4	RGB 134 125 180	#867DB4
66.7%	66.7% #776CAB	RGB 119 108 171	#776CAB
83.3%	83.3% #685CA2	RGB 104 92 162	#685CA2
100.0%	100.0% #5B4D9A	RGB 91 77 154	#5B4D9A

#BCB9CE #A9A4C5 #9790BC #867DB4 #776CAB #685CA2 #5B4D9A

#BCB9CE - #867DB4 - #5B4D9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCB9CE 0%, #867DB4 50%, #5B4D9A 100%);
    background: -webkit-linear-gradient(top, #BCB9CE 0%, #867DB4 50%, #5B4D9A 100%);
    background: linear-gradient(to bottom, #BCB9CE 0%, #867DB4 50%, #5B4D9A 100%);
}
</style>