#B6BEC1 - #5E7B7E | 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 #B6BEC1 to #5E7B7E

#B6BEC1 #5E7B7E

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

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

0.0%	0.0% #B6BEC1	RGB 182 190 193	#B6BEC1
16.7%	16.7% #A7B2B5	RGB 167 178 181	#A7B2B5
33.3%	33.3% #98A7AA	RGB 152 167 170	#98A7AA
50.0%	50.0% #8A9C9F	RGB 138 156 159	#8A9C9F
66.7%	66.7% #7B9194	RGB 123 145 148	#7B9194
83.3%	83.3% #6C8689	RGB 108 134 137	#6C8689
100.0%	100.0% #5E7B7E	RGB 94 123 126	#5E7B7E

#B6BEC1 #A7B2B5 #98A7AA #8A9C9F #7B9194 #6C8689 #5E7B7E

#B6BEC1 - #5E7B7E

HSV Blend

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

0.0%	0.0% #B6BEC1	RGB 182 190 193	#B6BEC1
16.7%	16.7% #A5B1B5	RGB 165 177 181	#A5B1B5
33.3%	33.3% #95A6AA	RGB 149 166 170	#95A6AA
50.0%	50.0% #869A9F	RGB 134 154 159	#869A9F
66.7%	66.7% #789094	RGB 120 144 148	#789094
83.3%	83.3% #6A8589	RGB 106 133 137	#6A8589
100.0%	100.0% #5E7B7E	RGB 94 123 126	#5E7B7E

#B6BEC1 #A5B1B5 #95A6AA #869A9F #789094 #6A8589 #5E7B7E

#B6BEC1 - #869A9F - #5E7B7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6BEC1 0%, #869A9F 50%, #5E7B7E 100%);
    background: -webkit-linear-gradient(top, #B6BEC1 0%, #869A9F 50%, #5E7B7E 100%);
    background: linear-gradient(to bottom, #B6BEC1 0%, #869A9F 50%, #5E7B7E 100%);
}
</style>