#C5E9F7 - #6DA4CB | 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 #C5E9F7 to #6DA4CB

#C5E9F7 #6DA4CB

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

#C5E9F7 - #6DA4CB | 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 #C5E9F7 as 0% and #6DA4CB as 100%.

0.0%	0.0% #C5E9F7	RGB 197 233 247	#C5E9F7
16.7%	16.7% #B6DDEF	RGB 182 221 239	#B6DDEF
33.3%	33.3% #A7D2E8	RGB 167 210 232	#A7D2E8
50.0%	50.0% #99C6E1	RGB 153 198 225	#99C6E1
66.7%	66.7% #8ABBD9	RGB 138 187 217	#8ABBD9
83.3%	83.3% #7BAFD2	RGB 123 175 210	#7BAFD2
100.0%	100.0% #6DA4CB	RGB 109 164 203	#6DA4CB

#C5E9F7 #B6DDEF #A7D2E8 #99C6E1 #8ABBD9 #7BAFD2 #6DA4CB

#C5E9F7 - #6DA4CB

HSV Blend

#C5E9F7 - #6DA4CB | 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 #C5E9F7 as 0% and #6DA4CB as 100%.

0.0%	0.0% #C5E9F7	RGB 197 233 247	#C5E9F7
16.7%	16.7% #B4DDEF	RGB 180 221 239	#B4DDEF
33.3%	33.3% #A5D2E8	RGB 165 210 232	#A5D2E8
50.0%	50.0% #96C6E1	RGB 150 198 225	#96C6E1
66.7%	66.7% #87BBD9	RGB 135 187 217	#87BBD9
83.3%	83.3% #7AAFD2	RGB 122 175 210	#7AAFD2
100.0%	100.0% #6DA4CB	RGB 109 164 203	#6DA4CB

#C5E9F7 #B4DDEF #A5D2E8 #96C6E1 #87BBD9 #7AAFD2 #6DA4CB

#C5E9F7 - #96C6E1 - #6DA4CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E9F7 0%, #96C6E1 50%, #6DA4CB 100%);
    background: -webkit-linear-gradient(top, #C5E9F7 0%, #96C6E1 50%, #6DA4CB 100%);
    background: linear-gradient(to bottom, #C5E9F7 0%, #96C6E1 50%, #6DA4CB 100%);
}
</style>