#6C9AC4 - #8CFFD5 | 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 #6C9AC4 to #8CFFD5

#6C9AC4 #8CFFD5

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

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

0.0%	0.0% #6C9AC4	RGB 108 154 196	#6C9AC4
16.7%	16.7% #71AAC6	RGB 113 170 198	#71AAC6
33.3%	33.3% #76BBC9	RGB 118 187 201	#76BBC9
50.0%	50.0% #7CCCCC	RGB 124 204 204	#7CCCCC
66.7%	66.7% #81DDCF	RGB 129 221 207	#81DDCF
83.3%	83.3% #86EED2	RGB 134 238 210	#86EED2
100.0%	100.0% #8CFFD5	RGB 140 255 213	#8CFFD5

#6C9AC4 #71AAC6 #76BBC9 #7CCCCC #81DDCF #86EED2 #8CFFD5

#6C9AC4 - #8CFFD5

HSV Blend

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

0.0%	0.0% #6C99C4	RGB 108 153 196	#6C99C4
16.7%	16.7% #71AECD	RGB 113 174 205	#71AECD
33.3%	33.3% #76C4D7	RGB 118 196 215	#76C4D7
50.0%	50.0% #7CDBE1	RGB 124 219 225	#7CDBE1
66.7%	66.7% #81EBE2	RGB 129 235 226	#81EBE2
83.3%	83.3% #86F5DC	RGB 134 245 220	#86F5DC
100.0%	100.0% #8CFFD5	RGB 140 255 213	#8CFFD5

#6C99C4 #71AECD #76C4D7 #7CDBE1 #81EBE2 #86F5DC #8CFFD5

#6C9AC4 - #7CDBE1 - #8CFFD5

CSS codes

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

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