#C2DEE5 - #6F94AF | 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 #C2DEE5 to #6F94AF

#C2DEE5 #6F94AF

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

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

0.0%	0.0% #C2DEE5	RGB 194 222 229	#C2DEE5
16.7%	16.7% #B4D1DC	RGB 180 209 220	#B4D1DC
33.3%	33.3% #A6C5D3	RGB 166 197 211	#A6C5D3
50.0%	50.0% #98B9CA	RGB 152 185 202	#98B9CA
66.7%	66.7% #8AACC1	RGB 138 172 193	#8AACC1
83.3%	83.3% #7CA0B8	RGB 124 160 184	#7CA0B8
100.0%	100.0% #6F94AF	RGB 111 148 175	#6F94AF

#C2DEE5 #B4D1DC #A6C5D3 #98B9CA #8AACC1 #7CA0B8 #6F94AF

#C2DEE5 - #6F94AF

HSV Blend

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

0.0%	0.0% #C2DEE5	RGB 194 222 229	#C2DEE5
16.7%	16.7% #B2D2DC	RGB 178 210 220	#B2D2DC
33.3%	33.3% #A3C6D3	RGB 163 198 211	#A3C6D3
50.0%	50.0% #95B9CA	RGB 149 185 202	#95B9CA
66.7%	66.7% #88ADC1	RGB 136 173 193	#88ADC1
83.3%	83.3% #7BA0B8	RGB 123 160 184	#7BA0B8
100.0%	100.0% #6F94AF	RGB 111 148 175	#6F94AF

#C2DEE5 #B2D2DC #A3C6D3 #95B9CA #88ADC1 #7BA0B8 #6F94AF

#C2DEE5 - #95B9CA - #6F94AF

CSS codes

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

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