#6BCACA - #8CCCFE | 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 #6BCACA to #8CCCFE

#6BCACA #8CCCFE

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

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

0.0%	0.0% #6BCACA	RGB 107 202 202	#6BCACA
16.7%	16.7% #70CAD2	RGB 112 202 210	#70CAD2
33.3%	33.3% #76CADB	RGB 118 202 219	#76CADB
50.0%	50.0% #7BCBE4	RGB 123 203 228	#7BCBE4
66.7%	66.7% #81CBEC	RGB 129 203 236	#81CBEC
83.3%	83.3% #86CBF5	RGB 134 203 245	#86CBF5
100.0%	100.0% #8CCCFE	RGB 140 204 254	#8CCCFE

#6BCACA #70CAD2 #76CADB #7BCBE4 #81CBEC #86CBF5 #8CCCFE

#6BCACA - #8CCCFE

HSV Blend

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

0.0%	0.0% #6BCACA	RGB 107 202 202	#6BCACA
16.7%	16.7% #70CBD2	RGB 112 203 210	#70CBD2
33.3%	33.3% #75CCDB	RGB 117 204 219	#75CCDB
50.0%	50.0% #7BCDE4	RGB 123 205 228	#7BCDE4
66.7%	66.7% #80CDEC	RGB 128 205 236	#80CDEC
83.3%	83.3% #86CCF5	RGB 134 204 245	#86CCF5
100.0%	100.0% #8CCCFE	RGB 140 204 254	#8CCCFE

#6BCACA #70CBD2 #75CCDB #7BCDE4 #80CDEC #86CCF5 #8CCCFE

#6BCACA - #7BCDE4 - #8CCCFE

CSS codes

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

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