#C3E9F7 - #6BA4CB | 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 #C3E9F7 to #6BA4CB

#C3E9F7 #6BA4CB

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

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

0.0%	0.0% #C3E9F7	RGB 195 233 247	#C3E9F7
16.7%	16.7% #B4DDEF	RGB 180 221 239	#B4DDEF
33.3%	33.3% #A5D2E8	RGB 165 210 232	#A5D2E8
50.0%	50.0% #97C6E1	RGB 151 198 225	#97C6E1
66.7%	66.7% #88BBD9	RGB 136 187 217	#88BBD9
83.3%	83.3% #79AFD2	RGB 121 175 210	#79AFD2
100.0%	100.0% #6BA4CB	RGB 107 164 203	#6BA4CB

#C3E9F7 #B4DDEF #A5D2E8 #97C6E1 #88BBD9 #79AFD2 #6BA4CB

#C3E9F7 - #6BA4CB

HSV Blend

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

0.0%	0.0% #C3E9F7	RGB 195 233 247	#C3E9F7
16.7%	16.7% #B2DDEF	RGB 178 221 239	#B2DDEF
33.3%	33.3% #A3D2E8	RGB 163 210 232	#A3D2E8
50.0%	50.0% #94C7E1	RGB 148 199 225	#94C7E1
66.7%	66.7% #85BBD9	RGB 133 187 217	#85BBD9
83.3%	83.3% #78AFD2	RGB 120 175 210	#78AFD2
100.0%	100.0% #6BA4CB	RGB 107 164 203	#6BA4CB

#C3E9F7 #B2DDEF #A3D2E8 #94C7E1 #85BBD9 #78AFD2 #6BA4CB

#C3E9F7 - #94C7E1 - #6BA4CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3E9F7 0%, #94C7E1 50%, #6BA4CB 100%);
    background: -webkit-linear-gradient(top, #C3E9F7 0%, #94C7E1 50%, #6BA4CB 100%);
    background: linear-gradient(to bottom, #C3E9F7 0%, #94C7E1 50%, #6BA4CB 100%);
}
</style>