#6FACDC - #8EFFC0 | 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 #6FACDC to #8EFFC0

#6FACDC #8EFFC0

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

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

0.0%	0.0% #6FACDC	RGB 111 172 220	#6FACDC
16.7%	16.7% #74B9D7	RGB 116 185 215	#74B9D7
33.3%	33.3% #79C7D2	RGB 121 199 210	#79C7D2
50.0%	50.0% #7ED5CE	RGB 126 213 206	#7ED5CE
66.7%	66.7% #83E3C9	RGB 131 227 201	#83E3C9
83.3%	83.3% #88F1C4	RGB 136 241 196	#88F1C4
100.0%	100.0% #8EFFC0	RGB 142 255 192	#8EFFC0

#6FACDC #74B9D7 #79C7D2 #7ED5CE #83E3C9 #88F1C4 #8EFFC0

#6FACDC - #8EFFC0

HSV Blend

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

0.0%	0.0% #6FABDC	RGB 111 171 220	#6FABDC
16.7%	16.7% #73C3E1	RGB 115 195 225	#73C3E1
33.3%	33.3% #78DBE7	RGB 120 219 231	#78DBE7
50.0%	50.0% #7EEDE6	RGB 126 237 230	#7EEDE6
66.7%	66.7% #83F3DA	RGB 131 243 218	#83F3DA
83.3%	83.3% #88F9CD	RGB 136 249 205	#88F9CD
100.0%	100.0% #8EFFC0	RGB 142 255 192	#8EFFC0

#6FABDC #73C3E1 #78DBE7 #7EEDE6 #83F3DA #88F9CD #8EFFC0

#6FACDC - #7EEDE6 - #8EFFC0

CSS codes

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

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