#BCC0C8 - #5B5B8C | 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 #BCC0C8 to #5B5B8C

#BCC0C8 #5B5B8C

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

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

0.0%	0.0% #BCC0C8	RGB 188 192 200	#BCC0C8
16.7%	16.7% #ABAFBE	RGB 171 175 190	#ABAFBE
33.3%	33.3% #9B9EB4	RGB 155 158 180	#9B9EB4
50.0%	50.0% #8B8DAA	RGB 139 141 170	#8B8DAA
66.7%	66.7% #7B7CA0	RGB 123 124 160	#7B7CA0
83.3%	83.3% #6B6B96	RGB 107 107 150	#6B6B96
100.0%	100.0% #5B5B8C	RGB 91 91 140	#5B5B8C

#BCC0C8 #ABAFBE #9B9EB4 #8B8DAA #7B7CA0 #6B6B96 #5B5B8C

#BCC0C8 - #5B5B8C

HSV Blend

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

0.0%	0.0% #BCC0C8	RGB 188 192 200	#BCC0C8
16.7%	16.7% #A9AFBE	RGB 169 175 190	#A9AFBE
33.3%	33.3% #979EB4	RGB 151 158 180	#979EB4
50.0%	50.0% #878CAA	RGB 135 140 170	#878CAA
66.7%	66.7% #777BA0	RGB 119 123 160	#777BA0
83.3%	83.3% #686B96	RGB 104 107 150	#686B96
100.0%	100.0% #5B5B8C	RGB 91 91 140	#5B5B8C

#BCC0C8 #A9AFBE #979EB4 #878CAA #777BA0 #686B96 #5B5B8C

#BCC0C8 - #878CAA - #5B5B8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCC0C8 0%, #878CAA 50%, #5B5B8C 100%);
    background: -webkit-linear-gradient(top, #BCC0C8 0%, #878CAA 50%, #5B5B8C 100%);
    background: linear-gradient(to bottom, #BCC0C8 0%, #878CAA 50%, #5B5B8C 100%);
}
</style>