#B6DFDF - #61C7CB | 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 #B6DFDF to #61C7CB

#B6DFDF #61C7CB

Calculate the color between two colors, #B6DFDF and #61C7CB. 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)

#B6DFDF - #61C7CB | 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 #B6DFDF as 0% and #61C7CB as 100%.

0.0%	0.0% #B6DFDF	RGB 182 223 223	#B6DFDF
16.7%	16.7% #A7DBDB	RGB 167 219 219	#A7DBDB
33.3%	33.3% #99D7D8	RGB 153 215 216	#99D7D8
50.0%	50.0% #8BD3D5	RGB 139 211 213	#8BD3D5
66.7%	66.7% #7DCFD1	RGB 125 207 209	#7DCFD1
83.3%	83.3% #6FCBCE	RGB 111 203 206	#6FCBCE
100.0%	100.0% #61C7CB	RGB 97 199 203	#61C7CB

#B6DFDF #A7DBDB #99D7D8 #8BD3D5 #7DCFD1 #6FCBCE #61C7CB

#B6DFDF - #61C7CB

HSV Blend

#B6DFDF - #61C7CB | 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 #B6DFDF as 0% and #61C7CB as 100%.

0.0%	0.0% #B6DFDF	RGB 182 223 223	#B6DFDF
16.7%	16.7% #A6DBDB	RGB 166 219 219	#A6DBDB
33.3%	33.3% #98D7D8	RGB 152 215 216	#98D7D8
50.0%	50.0% #89D3D5	RGB 137 211 213	#89D3D5
66.7%	66.7% #7BCFD1	RGB 123 207 209	#7BCFD1
83.3%	83.3% #6ECBCE	RGB 110 203 206	#6ECBCE
100.0%	100.0% #61C7CB	RGB 97 199 203	#61C7CB

#B6DFDF #A6DBDB #98D7D8 #89D3D5 #7BCFD1 #6ECBCE #61C7CB

#B6DFDF - #89D3D5 - #61C7CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6DFDF 0%, #89D3D5 50%, #61C7CB 100%);
    background: -webkit-linear-gradient(top, #B6DFDF 0%, #89D3D5 50%, #61C7CB 100%);
    background: linear-gradient(to bottom, #B6DFDF 0%, #89D3D5 50%, #61C7CB 100%);
}
</style>