#BCD1CF - #529C9C | 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 #BCD1CF to #529C9C

#BCD1CF #529C9C

Calculate the color between two colors, #BCD1CF and #529C9C. 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)

#BCD1CF - #529C9C | 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 #BCD1CF as 0% and #529C9C as 100%.

0.0%	0.0% #BCD1CF	RGB 188 209 207	#BCD1CF
16.7%	16.7% #AAC8C6	RGB 170 200 198	#AAC8C6
33.3%	33.3% #98BFBE	RGB 152 191 190	#98BFBE
50.0%	50.0% #87B6B5	RGB 135 182 181	#87B6B5
66.7%	66.7% #75ADAD	RGB 117 173 173	#75ADAD
83.3%	83.3% #63A4A4	RGB 99 164 164	#63A4A4
100.0%	100.0% #529C9C	RGB 82 156 156	#529C9C

#BCD1CF #AAC8C6 #98BFBE #87B6B5 #75ADAD #63A4A4 #529C9C

#BCD1CF - #529C9C

HSV Blend

#BCD1CF - #529C9C | 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 #BCD1CF as 0% and #529C9C as 100%.

0.0%	0.0% #BCD1CF	RGB 188 209 207	#BCD1CF
16.7%	16.7% #A7C8C5	RGB 167 200 197	#A7C8C5
33.3%	33.3% #94BFBC	RGB 148 191 188	#94BFBC
50.0%	50.0% #82B6B4	RGB 130 182 180	#82B6B4
66.7%	66.7% #70ADAB	RGB 112 173 171	#70ADAB
83.3%	83.3% #60A4A3	RGB 96 164 163	#60A4A3
100.0%	100.0% #529C9C	RGB 82 156 156	#529C9C

#BCD1CF #A7C8C5 #94BFBC #82B6B4 #70ADAB #60A4A3 #529C9C

#BCD1CF - #82B6B4 - #529C9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCD1CF 0%, #82B6B4 50%, #529C9C 100%);
    background: -webkit-linear-gradient(top, #BCD1CF 0%, #82B6B4 50%, #529C9C 100%);
    background: linear-gradient(to bottom, #BCD1CF 0%, #82B6B4 50%, #529C9C 100%);
}
</style>