#B5C9C7 - #5B939C | 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 #B5C9C7 to #5B939C

#B5C9C7 #5B939C

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

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

0.0%	0.0% #B5C9C7	RGB 181 201 199	#B5C9C7
16.7%	16.7% #A6C0BF	RGB 166 192 191	#A6C0BF
33.3%	33.3% #97B7B8	RGB 151 183 184	#97B7B8
50.0%	50.0% #88AEB1	RGB 136 174 177	#88AEB1
66.7%	66.7% #79A5AA	RGB 121 165 170	#79A5AA
83.3%	83.3% #6A9CA3	RGB 106 156 163	#6A9CA3
100.0%	100.0% #5B939C	RGB 91 147 156	#5B939C

#B5C9C7 #A6C0BF #97B7B8 #88AEB1 #79A5AA #6A9CA3 #5B939C

#B5C9C7 - #5B939C

HSV Blend

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

0.0%	0.0% #B5C9C7	RGB 181 201 199	#B5C9C7
16.7%	16.7% #A4C1BF	RGB 164 193 191	#A4C1BF
33.3%	33.3% #93BAB9	RGB 147 186 185	#93BAB9
50.0%	50.0% #84B1B2	RGB 132 177 178	#84B1B2
66.7%	66.7% #75A7AB	RGB 117 167 171	#75A7AB
83.3%	83.3% #689DA3	RGB 104 157 163	#689DA3
100.0%	100.0% #5B939C	RGB 91 147 156	#5B939C

#B5C9C7 #A4C1BF #93BAB9 #84B1B2 #75A7AB #689DA3 #5B939C

#B5C9C7 - #84B1B2 - #5B939C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C9C7 0%, #84B1B2 50%, #5B939C 100%);
    background: -webkit-linear-gradient(top, #B5C9C7 0%, #84B1B2 50%, #5B939C 100%);
    background: linear-gradient(to bottom, #B5C9C7 0%, #84B1B2 50%, #5B939C 100%);
}
</style>