#BBC4CC - #5E608F | 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 #BBC4CC to #5E608F

#BBC4CC #5E608F

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

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

0.0%	0.0% #BBC4CC	RGB 187 196 204	#BBC4CC
16.7%	16.7% #ABB3C1	RGB 171 179 193	#ABB3C1
33.3%	33.3% #9CA2B7	RGB 156 162 183	#9CA2B7
50.0%	50.0% #8C92AD	RGB 140 146 173	#8C92AD
66.7%	66.7% #7D81A3	RGB 125 129 163	#7D81A3
83.3%	83.3% #6D7099	RGB 109 112 153	#6D7099
100.0%	100.0% #5E608F	RGB 94 96 143	#5E608F

#BBC4CC #ABB3C1 #9CA2B7 #8C92AD #7D81A3 #6D7099 #5E608F

#BBC4CC - #5E608F

HSV Blend

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

0.0%	0.0% #BBC4CC	RGB 187 196 204	#BBC4CC
16.7%	16.7% #A9B4C1	RGB 169 180 193	#A9B4C1
33.3%	33.3% #98A3B7	RGB 152 163 183	#98A3B7
50.0%	50.0% #8893AD	RGB 136 147 173	#8893AD
66.7%	66.7% #7982A3	RGB 121 130 163	#7982A3
83.3%	83.3% #6B7099	RGB 107 112 153	#6B7099
100.0%	100.0% #5E608F	RGB 94 96 143	#5E608F

#BBC4CC #A9B4C1 #98A3B7 #8893AD #7982A3 #6B7099 #5E608F

#BBC4CC - #8893AD - #5E608F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC4CC 0%, #8893AD 50%, #5E608F 100%);
    background: -webkit-linear-gradient(top, #BBC4CC 0%, #8893AD 50%, #5E608F 100%);
    background: linear-gradient(to bottom, #BBC4CC 0%, #8893AD 50%, #5E608F 100%);
}
</style>