#BBB8C7 - #745C80 | 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 #BBB8C7 to #745C80

#BBB8C7 #745C80

Calculate the color between two colors, #BBB8C7 and #745C80. 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)

#BBB8C7 - #745C80 | 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 #BBB8C7 as 0% and #745C80 as 100%.

0.0%	0.0% #BBB8C7	RGB 187 184 199	#BBB8C7
16.7%	16.7% #AFA8BB	RGB 175 168 187	#AFA8BB
33.3%	33.3% #A399AF	RGB 163 153 175	#A399AF
50.0%	50.0% #978AA3	RGB 151 138 163	#978AA3
66.7%	66.7% #8B7A97	RGB 139 122 151	#8B7A97
83.3%	83.3% #7F6B8B	RGB 127 107 139	#7F6B8B
100.0%	100.0% #745C80	RGB 116 92 128	#745C80

#BBB8C7 #AFA8BB #A399AF #978AA3 #8B7A97 #7F6B8B #745C80

#BBB8C7 - #745C80

HSV Blend

#BBB8C7 - #745C80 | 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 #BBB8C7 as 0% and #745C80 as 100%.

0.0%	0.0% #BBB8C7	RGB 187 184 199	#BBB8C7
16.7%	16.7% #ACA6BB	RGB 172 166 187	#ACA6BB
33.3%	33.3% #9F96AF	RGB 159 150 175	#9F96AF
50.0%	50.0% #9286A3	RGB 146 134 163	#9286A3
66.7%	66.7% #877797	RGB 135 119 151	#877797
83.3%	83.3% #7D698B	RGB 125 105 139	#7D698B
100.0%	100.0% #745C80	RGB 116 92 128	#745C80

#BBB8C7 #ACA6BB #9F96AF #9286A3 #877797 #7D698B #745C80

#BBB8C7 - #9286A3 - #745C80

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBB8C7 0%, #9286A3 50%, #745C80 100%);
    background: -webkit-linear-gradient(top, #BBB8C7 0%, #9286A3 50%, #745C80 100%);
    background: linear-gradient(to bottom, #BBB8C7 0%, #9286A3 50%, #745C80 100%);
}
</style>