#6DB6CC - #BFE8A8 | 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 #6DB6CC to #BFE8A8

#6DB6CC #BFE8A8

Calculate the color between two colors, #6DB6CC and #BFE8A8. 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)

#6DB6CC - #BFE8A8 | 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 #6DB6CC as 0% and #BFE8A8 as 100%.

0.0%	0.0% #6DB6CC	RGB 109 182 204	#6DB6CC
16.7%	16.7% #7ABEC6	RGB 122 190 198	#7ABEC6
33.3%	33.3% #88C6C0	RGB 136 198 192	#88C6C0
50.0%	50.0% #96CFBA	RGB 150 207 186	#96CFBA
66.7%	66.7% #A3D7B4	RGB 163 215 180	#A3D7B4
83.3%	83.3% #B1DFAE	RGB 177 223 174	#B1DFAE
100.0%	100.0% #BFE8A8	RGB 191 232 168	#BFE8A8

#6DB6CC #7ABEC6 #88C6C0 #96CFBA #A3D7B4 #B1DFAE #BFE8A8

#6DB6CC - #BFE8A8

HSV Blend

#6DB6CC - #BFE8A8 | 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 #6DB6CC as 0% and #BFE8A8 as 100%.

0.0%	0.0% #6DB6CC	RGB 109 182 204	#6DB6CC
16.7%	16.7% #76D0CD	RGB 118 208 205	#76D0CD
33.3%	33.3% #7FD5BB	RGB 127 213 187	#7FD5BB
50.0%	50.0% #89DAAC	RGB 137 218 172	#89DAAC
66.7%	66.7% #93DEA0	RGB 147 222 160	#93DEA0
83.3%	83.3% #A4E39D	RGB 164 227 157	#A4E39D
100.0%	100.0% #BFE8A8	RGB 191 232 168	#BFE8A8

#6DB6CC #76D0CD #7FD5BB #89DAAC #93DEA0 #A4E39D #BFE8A8

#6DB6CC - #89DAAC - #BFE8A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DB6CC 0%, #89DAAC 50%, #BFE8A8 100%);
    background: -webkit-linear-gradient(top, #6DB6CC 0%, #89DAAC 50%, #BFE8A8 100%);
    background: linear-gradient(to bottom, #6DB6CC 0%, #89DAAC 50%, #BFE8A8 100%);
}
</style>