#6CB5DB - #8CFFAE | 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 #6CB5DB to #8CFFAE

#6CB5DB #8CFFAE

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

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

0.0%	0.0% #6CB5DB	RGB 108 181 219	#6CB5DB
16.7%	16.7% #71C1D3	RGB 113 193 211	#71C1D3
33.3%	33.3% #76CDCC	RGB 118 205 204	#76CDCC
50.0%	50.0% #7CDAC4	RGB 124 218 196	#7CDAC4
66.7%	66.7% #81E6BD	RGB 129 230 189	#81E6BD
83.3%	83.3% #86F2B5	RGB 134 242 181	#86F2B5
100.0%	100.0% #8CFFAE	RGB 140 255 174	#8CFFAE

#6CB5DB #71C1D3 #76CDCC #7CDAC4 #81E6BD #86F2B5 #8CFFAE

#6CB5DB - #8CFFAE

HSV Blend

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

0.0%	0.0% #6CB5DB	RGB 108 181 219	#6CB5DB
16.7%	16.7% #71CEE1	RGB 113 206 225	#71CEE1
33.3%	33.3% #76E7E6	RGB 118 231 230	#76E7E6
50.0%	50.0% #7BEDD8	RGB 123 237 216	#7BEDD8
66.7%	66.7% #80F3CA	RGB 128 243 202	#80F3CA
83.3%	83.3% #86F9BC	RGB 134 249 188	#86F9BC
100.0%	100.0% #8CFFAE	RGB 140 255 174	#8CFFAE

#6CB5DB #71CEE1 #76E7E6 #7BEDD8 #80F3CA #86F9BC #8CFFAE

#6CB5DB - #7BEDD8 - #8CFFAE

CSS codes

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

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