#BCB0EC - #685ACE | 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 #BCB0EC to #685ACE

#BCB0EC #685ACE

Calculate the color between two colors, #BCB0EC and #685ACE. 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)

#BCB0EC - #685ACE | 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 #BCB0EC as 0% and #685ACE as 100%.

0.0%	0.0% #BCB0EC	RGB 188 176 236	#BCB0EC
16.7%	16.7% #AEA1E7	RGB 174 161 231	#AEA1E7
33.3%	33.3% #A093E2	RGB 160 147 226	#A093E2
50.0%	50.0% #9285DD	RGB 146 133 221	#9285DD
66.7%	66.7% #8476D8	RGB 132 118 216	#8476D8
83.3%	83.3% #7668D3	RGB 118 104 211	#7668D3
100.0%	100.0% #685ACE	RGB 104 90 206	#685ACE

#BCB0EC #AEA1E7 #A093E2 #9285DD #8476D8 #7668D3 #685ACE

#BCB0EC - #685ACE

HSV Blend

#BCB0EC - #685ACE | 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 #BCB0EC as 0% and #685ACE as 100%.

0.0%	0.0% #BCB0EC	RGB 188 176 236	#BCB0EC
16.7%	16.7% #ADA0E7	RGB 173 160 231	#ADA0E7
33.3%	33.3% #9F91E2	RGB 159 145 226	#9F91E2
50.0%	50.0% #9182DD	RGB 145 130 221	#9182DD
66.7%	66.7% #8374D8	RGB 131 116 216	#8374D8
83.3%	83.3% #7567D3	RGB 117 103 211	#7567D3
100.0%	100.0% #685ACE	RGB 104 90 206	#685ACE

#BCB0EC #ADA0E7 #9F91E2 #9182DD #8374D8 #7567D3 #685ACE

#BCB0EC - #9182DD - #685ACE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCB0EC 0%, #9182DD 50%, #685ACE 100%);
    background: -webkit-linear-gradient(top, #BCB0EC 0%, #9182DD 50%, #685ACE 100%);
    background: linear-gradient(to bottom, #BCB0EC 0%, #9182DD 50%, #685ACE 100%);
}
</style>