#C3E8F7 - #6AA3CB | 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 #C3E8F7 to #6AA3CB

#C3E8F7 #6AA3CB

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

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

0.0%	0.0% #C3E8F7	RGB 195 232 247	#C3E8F7
16.7%	16.7% #B4DCEF	RGB 180 220 239	#B4DCEF
33.3%	33.3% #A5D1E8	RGB 165 209 232	#A5D1E8
50.0%	50.0% #96C5E1	RGB 150 197 225	#96C5E1
66.7%	66.7% #87BAD9	RGB 135 186 217	#87BAD9
83.3%	83.3% #78AED2	RGB 120 174 210	#78AED2
100.0%	100.0% #6AA3CB	RGB 106 163 203	#6AA3CB

#C3E8F7 #B4DCEF #A5D1E8 #96C5E1 #87BAD9 #78AED2 #6AA3CB

#C3E8F7 - #6AA3CB

HSV Blend

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

0.0%	0.0% #C3E8F7	RGB 195 232 247	#C3E8F7
16.7%	16.7% #B2DCEF	RGB 178 220 239	#B2DCEF
33.3%	33.3% #A2D1E8	RGB 162 209 232	#A2D1E8
50.0%	50.0% #93C5E1	RGB 147 197 225	#93C5E1
66.7%	66.7% #85BAD9	RGB 133 186 217	#85BAD9
83.3%	83.3% #77AED2	RGB 119 174 210	#77AED2
100.0%	100.0% #6AA3CB	RGB 106 163 203	#6AA3CB

#C3E8F7 #B2DCEF #A2D1E8 #93C5E1 #85BAD9 #77AED2 #6AA3CB

#C3E8F7 - #93C5E1 - #6AA3CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3E8F7 0%, #93C5E1 50%, #6AA3CB 100%);
    background: -webkit-linear-gradient(top, #C3E8F7 0%, #93C5E1 50%, #6AA3CB 100%);
    background: linear-gradient(to bottom, #C3E8F7 0%, #93C5E1 50%, #6AA3CB 100%);
}
</style>