#BBC6C6 - #68A8AF | 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 #BBC6C6 to #68A8AF

#BBC6C6 #68A8AF

Calculate the color between two colors, #BBC6C6 and #68A8AF. 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)

#BBC6C6 - #68A8AF | 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 #BBC6C6 as 0% and #68A8AF as 100%.

0.0%	0.0% #BBC6C6	RGB 187 198 198	#BBC6C6
16.7%	16.7% #ADC1C2	RGB 173 193 194	#ADC1C2
33.3%	33.3% #9FBCBE	RGB 159 188 190	#9FBCBE
50.0%	50.0% #91B7BA	RGB 145 183 186	#91B7BA
66.7%	66.7% #83B2B6	RGB 131 178 182	#83B2B6
83.3%	83.3% #75ADB2	RGB 117 173 178	#75ADB2
100.0%	100.0% #68A8AF	RGB 104 168 175	#68A8AF

#BBC6C6 #ADC1C2 #9FBCBE #91B7BA #83B2B6 #75ADB2 #68A8AF

#BBC6C6 - #68A8AF

HSV Blend

#BBC6C6 - #68A8AF | 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 #BBC6C6 as 0% and #68A8AF as 100%.

0.0%	0.0% #BBC6C6	RGB 187 198 198	#BBC6C6
16.7%	16.7% #ACC1C2	RGB 172 193 194	#ACC1C2
33.3%	33.3% #9DBDBE	RGB 157 189 190	#9DBDBE
50.0%	50.0% #8FB8BA	RGB 143 184 186	#8FB8BA
66.7%	66.7% #81B3B6	RGB 129 179 182	#81B3B6
83.3%	83.3% #74ADB2	RGB 116 173 178	#74ADB2
100.0%	100.0% #68A8AF	RGB 104 168 175	#68A8AF

#BBC6C6 #ACC1C2 #9DBDBE #8FB8BA #81B3B6 #74ADB2 #68A8AF

#BBC6C6 - #8FB8BA - #68A8AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC6C6 0%, #8FB8BA 50%, #68A8AF 100%);
    background: -webkit-linear-gradient(top, #BBC6C6 0%, #8FB8BA 50%, #68A8AF 100%);
    background: linear-gradient(to bottom, #BBC6C6 0%, #8FB8BA 50%, #68A8AF 100%);
}
</style>