#6BFFFF - #8DBCFE | 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 #6BFFFF to #8DBCFE

#6BFFFF #8DBCFE

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

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

0.0%	0.0% #6BFFFF	RGB 107 255 255	#6BFFFF
16.7%	16.7% #70F3FE	RGB 112 243 254	#70F3FE
33.3%	33.3% #76E8FE	RGB 118 232 254	#76E8FE
50.0%	50.0% #7CDDFE	RGB 124 221 254	#7CDDFE
66.7%	66.7% #81D2FE	RGB 129 210 254	#81D2FE
83.3%	83.3% #87C7FE	RGB 135 199 254	#87C7FE
100.0%	100.0% #8DBCFE	RGB 141 188 254	#8DBCFE

#6BFFFF #70F3FE #76E8FE #7CDDFE #81D2FE #87C7FE #8DBCFE

#6BFFFF - #8DBCFE

HSV Blend

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

0.0%	0.0% #6BFFFF	RGB 107 255 255	#6BFFFF
16.7%	16.7% #70F0FE	RGB 112 240 254	#70F0FE
33.3%	33.3% #76E4FE	RGB 118 228 254	#76E4FE
50.0%	50.0% #7CD8FE	RGB 124 216 254	#7CD8FE
66.7%	66.7% #81CDFE	RGB 129 205 254	#81CDFE
83.3%	83.3% #87C4FE	RGB 135 196 254	#87C4FE
100.0%	100.0% #8DBCFE	RGB 141 188 254	#8DBCFE

#6BFFFF #70F0FE #76E4FE #7CD8FE #81CDFE #87C4FE #8DBCFE

#6BFFFF - #7CD8FE - #8DBCFE

CSS codes

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

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