#BCB5D6 - #7A60C0 | 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 #BCB5D6 to #7A60C0

#BCB5D6 #7A60C0

Calculate the color between two colors, #BCB5D6 and #7A60C0. 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)

#BCB5D6 - #7A60C0 | 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 #BCB5D6 as 0% and #7A60C0 as 100%.

0.0%	0.0% #BCB5D6	RGB 188 181 214	#BCB5D6
16.7%	16.7% #B1A6D2	RGB 177 166 210	#B1A6D2
33.3%	33.3% #A698CE	RGB 166 152 206	#A698CE
50.0%	50.0% #9B8ACB	RGB 155 138 203	#9B8ACB
66.7%	66.7% #907CC7	RGB 144 124 199	#907CC7
83.3%	83.3% #856EC3	RGB 133 110 195	#856EC3
100.0%	100.0% #7A60C0	RGB 122 96 192	#7A60C0

#BCB5D6 #B1A6D2 #A698CE #9B8ACB #907CC7 #856EC3 #7A60C0

#BCB5D6 - #7A60C0

HSV Blend

#BCB5D6 - #7A60C0 | 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 #BCB5D6 as 0% and #7A60C0 as 100%.

0.0%	0.0% #BCB5D6	RGB 188 181 214	#BCB5D6
16.7%	16.7% #AFA5D2	RGB 175 165 210	#AFA5D2
33.3%	33.3% #A396CE	RGB 163 150 206	#A396CE
50.0%	50.0% #9888CB	RGB 152 136 203	#9888CB
66.7%	66.7% #8D7AC7	RGB 141 122 199	#8D7AC7
83.3%	83.3% #836DC3	RGB 131 109 195	#836DC3
100.0%	100.0% #7A60C0	RGB 122 96 192	#7A60C0

#BCB5D6 #AFA5D2 #A396CE #9888CB #8D7AC7 #836DC3 #7A60C0

#BCB5D6 - #9888CB - #7A60C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCB5D6 0%, #9888CB 50%, #7A60C0 100%);
    background: -webkit-linear-gradient(top, #BCB5D6 0%, #9888CB 50%, #7A60C0 100%);
    background: linear-gradient(to bottom, #BCB5D6 0%, #9888CB 50%, #7A60C0 100%);
}
</style>