#00564B - #B6CECB | 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 #00564B to #B6CECB

#00564B #B6CECB

Calculate the color between two colors, #00564B and #B6CECB. 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)

#00564B - #B6CECB | 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 #00564B as 0% and #B6CECB as 100%.

0.0%	0.0% #00564B	RGB 0 86 75	#00564B
16.7%	16.7% #1E6A60	RGB 30 106 96	#1E6A60
33.3%	33.3% #3C7E75	RGB 60 126 117	#3C7E75
50.0%	50.0% #5B928B	RGB 91 146 139	#5B928B
66.7%	66.7% #79A6A0	RGB 121 166 160	#79A6A0
83.3%	83.3% #97BAB5	RGB 151 186 181	#97BAB5
100.0%	100.0% #B6CECB	RGB 182 206 203	#B6CECB

#00564B #1E6A60 #3C7E75 #5B928B #79A6A0 #97BAB5 #B6CECB

#00564B - #B6CECB

HSV Blend

#00564B - #B6CECB | 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 #00564B as 0% and #B6CECB as 100%.

0.0%	0.0% #00564A	RGB 0 86 74	#00564A
16.7%	16.7% #0F6A5E	RGB 15 106 94	#0F6A5E
33.3%	33.3% #257E72	RGB 37 126 114	#257E72
50.0%	50.0% #409287	RGB 64 146 135	#409287
66.7%	66.7% #61A69D	RGB 97 166 157	#61A69D
83.3%	83.3% #88BAB3	RGB 136 186 179	#88BAB3
100.0%	100.0% #B6CECB	RGB 182 206 203	#B6CECB

#00564A #0F6A5E #257E72 #409287 #61A69D #88BAB3 #B6CECB

#00564B - #409287 - #B6CECB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00564A 0%, #409287 50%, #B6CECB 100%);
    background: -webkit-linear-gradient(top, #00564A 0%, #409287 50%, #B6CECB 100%);
    background: linear-gradient(to bottom, #00564A 0%, #409287 50%, #B6CECB 100%);
}
</style>