#6CB8B8 - #8DCDFC | 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 #6CB8B8 to #8DCDFC

#6CB8B8 #8DCDFC

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

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

0.0%	0.0% #6CB8B8	RGB 108 184 184	#6CB8B8
16.7%	16.7% #71BBC3	RGB 113 187 195	#71BBC3
33.3%	33.3% #77BFCE	RGB 119 191 206	#77BFCE
50.0%	50.0% #7CC2DA	RGB 124 194 218	#7CC2DA
66.7%	66.7% #82C6E5	RGB 130 198 229	#82C6E5
83.3%	83.3% #87C9F0	RGB 135 201 240	#87C9F0
100.0%	100.0% #8DCDFC	RGB 141 205 252	#8DCDFC

#6CB8B8 #71BBC3 #77BFCE #7CC2DA #82C6E5 #87C9F0 #8DCDFC

#6CB8B8 - #8DCDFC

HSV Blend

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

0.0%	0.0% #6CB8B8	RGB 108 184 184	#6CB8B8
16.7%	16.7% #71BDC3	RGB 113 189 195	#71BDC3
33.3%	33.3% #77C2CE	RGB 119 194 206	#77C2CE
50.0%	50.0% #7CC6DA	RGB 124 198 218	#7CC6DA
66.7%	66.7% #82C9E5	RGB 130 201 229	#82C9E5
83.3%	83.3% #87CBF0	RGB 135 203 240	#87CBF0
100.0%	100.0% #8DCDFC	RGB 141 205 252	#8DCDFC

#6CB8B8 #71BDC3 #77C2CE #7CC6DA #82C9E5 #87CBF0 #8DCDFC

#6CB8B8 - #7CC6DA - #8DCDFC

CSS codes

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

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