#BFD2CF - #579C9C | 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 #BFD2CF to #579C9C

#BFD2CF #579C9C

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

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

0.0%	0.0% #BFD2CF	RGB 191 210 207	#BFD2CF
16.7%	16.7% #ADC9C6	RGB 173 201 198	#ADC9C6
33.3%	33.3% #9CC0BE	RGB 156 192 190	#9CC0BE
50.0%	50.0% #8BB7B5	RGB 139 183 181	#8BB7B5
66.7%	66.7% #79AEAD	RGB 121 174 173	#79AEAD
83.3%	83.3% #68A5A4	RGB 104 165 164	#68A5A4
100.0%	100.0% #579C9C	RGB 87 156 156	#579C9C

#BFD2CF #ADC9C6 #9CC0BE #8BB7B5 #79AEAD #68A5A4 #579C9C

#BFD2CF - #579C9C

HSV Blend

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

0.0%	0.0% #BFD2CF	RGB 191 210 207	#BFD2CF
16.7%	16.7% #ABC9C5	RGB 171 201 197	#ABC9C5
33.3%	33.3% #98C0BB	RGB 152 192 187	#98C0BB
50.0%	50.0% #86B7B3	RGB 134 183 179	#86B7B3
66.7%	66.7% #75AEAB	RGB 117 174 171	#75AEAB
83.3%	83.3% #65A5A3	RGB 101 165 163	#65A5A3
100.0%	100.0% #579C9C	RGB 87 156 156	#579C9C

#BFD2CF #ABC9C5 #98C0BB #86B7B3 #75AEAB #65A5A3 #579C9C

#BFD2CF - #86B7B3 - #579C9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFD2CF 0%, #86B7B3 50%, #579C9C 100%);
    background: -webkit-linear-gradient(top, #BFD2CF 0%, #86B7B3 50%, #579C9C 100%);
    background: linear-gradient(to bottom, #BFD2CF 0%, #86B7B3 50%, #579C9C 100%);
}
</style>