#B8CECE - #4C9A9B | 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 #B8CECE to #4C9A9B

#B8CECE #4C9A9B

Calculate the color between two colors, #B8CECE and #4C9A9B. 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)

#B8CECE - #4C9A9B | 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 #B8CECE as 0% and #4C9A9B as 100%.

0.0%	0.0% #B8CECE	RGB 184 206 206	#B8CECE
16.7%	16.7% #A6C5C5	RGB 166 197 197	#A6C5C5
33.3%	33.3% #94BCBD	RGB 148 188 189	#94BCBD
50.0%	50.0% #82B4B4	RGB 130 180 180	#82B4B4
66.7%	66.7% #70ABAC	RGB 112 171 172	#70ABAC
83.3%	83.3% #5EA2A3	RGB 94 162 163	#5EA2A3
100.0%	100.0% #4C9A9B	RGB 76 154 155	#4C9A9B

#B8CECE #A6C5C5 #94BCBD #82B4B4 #70ABAC #5EA2A3 #4C9A9B

#B8CECE - #4C9A9B

HSV Blend

#B8CECE - #4C9A9B | 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 #B8CECE as 0% and #4C9A9B as 100%.

0.0%	0.0% #B8CECE	RGB 184 206 206	#B8CECE
16.7%	16.7% #A3C5C5	RGB 163 197 197	#A3C5C5
33.3%	33.3% #8FBCBD	RGB 143 188 189	#8FBCBD
50.0%	50.0% #7CB4B4	RGB 124 180 180	#7CB4B4
66.7%	66.7% #6BABAC	RGB 107 171 172	#6BABAC
83.3%	83.3% #5BA2A3	RGB 91 162 163	#5BA2A3
100.0%	100.0% #4C9A9B	RGB 76 154 155	#4C9A9B

#B8CECE #A3C5C5 #8FBCBD #7CB4B4 #6BABAC #5BA2A3 #4C9A9B

#B8CECE - #7CB4B4 - #4C9A9B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8CECE 0%, #7CB4B4 50%, #4C9A9B 100%);
    background: -webkit-linear-gradient(top, #B8CECE 0%, #7CB4B4 50%, #4C9A9B 100%);
    background: linear-gradient(to bottom, #B8CECE 0%, #7CB4B4 50%, #4C9A9B 100%);
}
</style>