#BCC0CC - #61748C | 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 #BCC0CC to #61748C

#BCC0CC #61748C

Calculate the color between two colors, #BCC0CC and #61748C. 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)

#BCC0CC - #61748C | 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 #BCC0CC as 0% and #61748C as 100%.

0.0%	0.0% #BCC0CC	RGB 188 192 204	#BCC0CC
16.7%	16.7% #ACB3C1	RGB 172 179 193	#ACB3C1
33.3%	33.3% #9DA6B6	RGB 157 166 182	#9DA6B6
50.0%	50.0% #8E9AAC	RGB 142 154 172	#8E9AAC
66.7%	66.7% #7F8DA1	RGB 127 141 161	#7F8DA1
83.3%	83.3% #708096	RGB 112 128 150	#708096
100.0%	100.0% #61748C	RGB 97 116 140	#61748C

#BCC0CC #ACB3C1 #9DA6B6 #8E9AAC #7F8DA1 #708096 #61748C

#BCC0CC - #61748C

HSV Blend

#BCC0CC - #61748C | 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 #BCC0CC as 0% and #61748C as 100%.

0.0%	0.0% #BCC0CC	RGB 188 192 204	#BCC0CC
16.7%	16.7% #AAB1C1	RGB 170 177 193	#AAB1C1
33.3%	33.3% #9AA3B6	RGB 154 163 182	#9AA3B6
50.0%	50.0% #8A96AC	RGB 138 150 172	#8A96AC
66.7%	66.7% #7C8AA1	RGB 124 138 161	#7C8AA1
83.3%	83.3% #6E7E96	RGB 110 126 150	#6E7E96
100.0%	100.0% #61748C	RGB 97 116 140	#61748C

#BCC0CC #AAB1C1 #9AA3B6 #8A96AC #7C8AA1 #6E7E96 #61748C

#BCC0CC - #8A96AC - #61748C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCC0CC 0%, #8A96AC 50%, #61748C 100%);
    background: -webkit-linear-gradient(top, #BCC0CC 0%, #8A96AC 50%, #61748C 100%);
    background: linear-gradient(to bottom, #BCC0CC 0%, #8A96AC 50%, #61748C 100%);
}
</style>