#C2DDEB - #6B93B8 | 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 #C2DDEB to #6B93B8

#C2DDEB #6B93B8

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

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

0.0%	0.0% #C2DDEB	RGB 194 221 235	#C2DDEB
16.7%	16.7% #B3D0E2	RGB 179 208 226	#B3D0E2
33.3%	33.3% #A5C4DA	RGB 165 196 218	#A5C4DA
50.0%	50.0% #96B8D1	RGB 150 184 209	#96B8D1
66.7%	66.7% #88ABC9	RGB 136 171 201	#88ABC9
83.3%	83.3% #799FC0	RGB 121 159 192	#799FC0
100.0%	100.0% #6B93B8	RGB 107 147 184	#6B93B8

#C2DDEB #B3D0E2 #A5C4DA #96B8D1 #88ABC9 #799FC0 #6B93B8

#C2DDEB - #6B93B8

HSV Blend

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

0.0%	0.0% #C2DDEB	RGB 194 221 235	#C2DDEB
16.7%	16.7% #B1D0E2	RGB 177 208 226	#B1D0E2
33.3%	33.3% #A2C4DA	RGB 162 196 218	#A2C4DA
50.0%	50.0% #93B7D1	RGB 147 183 209	#93B7D1
66.7%	66.7% #85ABC9	RGB 133 171 201	#85ABC9
83.3%	83.3% #779FC0	RGB 119 159 192	#779FC0
100.0%	100.0% #6B93B8	RGB 107 147 184	#6B93B8

#C2DDEB #B1D0E2 #A2C4DA #93B7D1 #85ABC9 #779FC0 #6B93B8

#C2DDEB - #93B7D1 - #6B93B8

CSS codes

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

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