#6CB2EB - #8FFFC7 | 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 #6CB2EB to #8FFFC7

#6CB2EB #8FFFC7

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

#6CB2EB - #8FFFC7 | 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 #6CB2EB as 0% and #8FFFC7 as 100%.

0.0%	0.0% #6CB2EB	RGB 108 178 235	#6CB2EB
16.7%	16.7% #71BEE5	RGB 113 190 229	#71BEE5
33.3%	33.3% #77CBDF	RGB 119 203 223	#77CBDF
50.0%	50.0% #7DD8D9	RGB 125 216 217	#7DD8D9
66.7%	66.7% #83E5D3	RGB 131 229 211	#83E5D3
83.3%	83.3% #89F2CD	RGB 137 242 205	#89F2CD
100.0%	100.0% #8FFFC7	RGB 143 255 199	#8FFFC7

#6CB2EB #71BEE5 #77CBDF #7DD8D9 #83E5D3 #89F2CD #8FFFC7

#6CB2EB - #8FFFC7

HSV Blend

#6CB2EB - #8FFFC7 | 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 #6CB2EB as 0% and #8FFFC7 as 100%.

0.0%	0.0% #6CB1EB	RGB 108 177 235	#6CB1EB
16.7%	16.7% #71CAEE	RGB 113 202 238	#71CAEE
33.3%	33.3% #77E1F1	RGB 119 225 241	#77E1F1
50.0%	50.0% #7CF5F1	RGB 124 245 241	#7CF5F1
66.7%	66.7% #82F8E2	RGB 130 248 226	#82F8E2
83.3%	83.3% #88FBD4	RGB 136 251 212	#88FBD4
100.0%	100.0% #8FFFC7	RGB 143 255 199	#8FFFC7

#6CB1EB #71CAEE #77E1F1 #7CF5F1 #82F8E2 #88FBD4 #8FFFC7

#6CB2EB - #7CF5F1 - #8FFFC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6CB1EB 0%, #7CF5F1 50%, #8FFFC7 100%);
    background: -webkit-linear-gradient(top, #6CB1EB 0%, #7CF5F1 50%, #8FFFC7 100%);
    background: linear-gradient(to bottom, #6CB1EB 0%, #7CF5F1 50%, #8FFFC7 100%);
}
</style>