#BBC0BE - #5A8186 | 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 #BBC0BE to #5A8186

#BBC0BE #5A8186

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

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

0.0%	0.0% #BBC0BE	RGB 187 192 190	#BBC0BE
16.7%	16.7% #AAB5B4	RGB 170 181 180	#AAB5B4
33.3%	33.3% #9AABAB	RGB 154 171 171	#9AABAB
50.0%	50.0% #8AA0A2	RGB 138 160 162	#8AA0A2
66.7%	66.7% #7A9698	RGB 122 150 152	#7A9698
83.3%	83.3% #6A8B8F	RGB 106 139 143	#6A8B8F
100.0%	100.0% #5A8186	RGB 90 129 134	#5A8186

#BBC0BE #AAB5B4 #9AABAB #8AA0A2 #7A9698 #6A8B8F #5A8186

#BBC0BE - #5A8186

HSV Blend

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

0.0%	0.0% #BBC0BE	RGB 187 192 190	#BBC0BE
16.7%	16.7% #A8B6B1	RGB 168 182 177	#A8B6B1
33.3%	33.3% #96ACA7	RGB 150 172 167	#96ACA7
50.0%	50.0% #86A39E	RGB 134 163 158	#86A39E
66.7%	66.7% #769997	RGB 118 153 151	#769997
83.3%	83.3% #678E8F	RGB 103 142 143	#678E8F
100.0%	100.0% #5A8186	RGB 90 129 134	#5A8186

#BBC0BE #A8B6B1 #96ACA7 #86A39E #769997 #678E8F #5A8186

#BBC0BE - #86A39E - #5A8186

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC0BE 0%, #86A39E 50%, #5A8186 100%);
    background: -webkit-linear-gradient(top, #BBC0BE 0%, #86A39E 50%, #5A8186 100%);
    background: linear-gradient(to bottom, #BBC0BE 0%, #86A39E 50%, #5A8186 100%);
}
</style>