#BBC0D9 - #5C729C | 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 #BBC0D9 to #5C729C

#BBC0D9 #5C729C

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

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

0.0%	0.0% #BBC0D9	RGB 187 192 217	#BBC0D9
16.7%	16.7% #ABB3CE	RGB 171 179 206	#ABB3CE
33.3%	33.3% #9BA6C4	RGB 155 166 196	#9BA6C4
50.0%	50.0% #8B99BA	RGB 139 153 186	#8B99BA
66.7%	66.7% #7B8CB0	RGB 123 140 176	#7B8CB0
83.3%	83.3% #6B7FA6	RGB 107 127 166	#6B7FA6
100.0%	100.0% #5C729C	RGB 92 114 156	#5C729C

#BBC0D9 #ABB3CE #9BA6C4 #8B99BA #7B8CB0 #6B7FA6 #5C729C

#BBC0D9 - #5C729C

HSV Blend

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

0.0%	0.0% #BBC0D9	RGB 187 192 217	#BBC0D9
16.7%	16.7% #A8B0CE	RGB 168 176 206	#A8B0CE
33.3%	33.3% #97A1C4	RGB 151 161 196	#97A1C4
50.0%	50.0% #8794BA	RGB 135 148 186	#8794BA
66.7%	66.7% #7788B0	RGB 119 136 176	#7788B0
83.3%	83.3% #697CA6	RGB 105 124 166	#697CA6
100.0%	100.0% #5C729C	RGB 92 114 156	#5C729C

#BBC0D9 #A8B0CE #97A1C4 #8794BA #7788B0 #697CA6 #5C729C

#BBC0D9 - #8794BA - #5C729C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC0D9 0%, #8794BA 50%, #5C729C 100%);
    background: -webkit-linear-gradient(top, #BBC0D9 0%, #8794BA 50%, #5C729C 100%);
    background: linear-gradient(to bottom, #BBC0D9 0%, #8794BA 50%, #5C729C 100%);
}
</style>