#C0DDEC - #6FA8D3 | 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 #C0DDEC to #6FA8D3

#C0DDEC #6FA8D3

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

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

0.0%	0.0% #C0DDEC	RGB 192 221 236	#C0DDEC
16.7%	16.7% #B2D4E7	RGB 178 212 231	#B2D4E7
33.3%	33.3% #A5CBE3	RGB 165 203 227	#A5CBE3
50.0%	50.0% #97C2DF	RGB 151 194 223	#97C2DF
66.7%	66.7% #8AB9DB	RGB 138 185 219	#8AB9DB
83.3%	83.3% #7CB0D7	RGB 124 176 215	#7CB0D7
100.0%	100.0% #6FA8D3	RGB 111 168 211	#6FA8D3

#C0DDEC #B2D4E7 #A5CBE3 #97C2DF #8AB9DB #7CB0D7 #6FA8D3

#C0DDEC - #6FA8D3

HSV Blend

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

0.0%	0.0% #C0DDEC	RGB 192 221 236	#C0DDEC
16.7%	16.7% #B1D4E7	RGB 177 212 231	#B1D4E7
33.3%	33.3% #A3CBE3	RGB 163 203 227	#A3CBE3
50.0%	50.0% #95C3DF	RGB 149 195 223	#95C3DF
66.7%	66.7% #88BADB	RGB 136 186 219	#88BADB
83.3%	83.3% #7BB1D7	RGB 123 177 215	#7BB1D7
100.0%	100.0% #6FA8D3	RGB 111 168 211	#6FA8D3

#C0DDEC #B1D4E7 #A3CBE3 #95C3DF #88BADB #7BB1D7 #6FA8D3

#C0DDEC - #95C3DF - #6FA8D3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0DDEC 0%, #95C3DF 50%, #6FA8D3 100%);
    background: -webkit-linear-gradient(top, #C0DDEC 0%, #95C3DF 50%, #6FA8D3 100%);
    background: linear-gradient(to bottom, #C0DDEC 0%, #95C3DF 50%, #6FA8D3 100%);
}
</style>