#C3DFEB - #6D96B8 | 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 #C3DFEB to #6D96B8

#C3DFEB #6D96B8

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

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

0.0%	0.0% #C3DFEB	RGB 195 223 235	#C3DFEB
16.7%	16.7% #B4D2E2	RGB 180 210 226	#B4D2E2
33.3%	33.3% #A6C6DA	RGB 166 198 218	#A6C6DA
50.0%	50.0% #98BAD1	RGB 152 186 209	#98BAD1
66.7%	66.7% #89AEC9	RGB 137 174 201	#89AEC9
83.3%	83.3% #7BA2C0	RGB 123 162 192	#7BA2C0
100.0%	100.0% #6D96B8	RGB 109 150 184	#6D96B8

#C3DFEB #B4D2E2 #A6C6DA #98BAD1 #89AEC9 #7BA2C0 #6D96B8

#C3DFEB - #6D96B8

HSV Blend

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

0.0%	0.0% #C3DFEB	RGB 195 223 235	#C3DFEB
16.7%	16.7% #B2D3E2	RGB 178 211 226	#B2D3E2
33.3%	33.3% #A3C6DA	RGB 163 198 218	#A3C6DA
50.0%	50.0% #94BAD1	RGB 148 186 209	#94BAD1
66.7%	66.7% #86AEC9	RGB 134 174 201	#86AEC9
83.3%	83.3% #79A2C0	RGB 121 162 192	#79A2C0
100.0%	100.0% #6D96B8	RGB 109 150 184	#6D96B8

#C3DFEB #B2D3E2 #A3C6DA #94BAD1 #86AEC9 #79A2C0 #6D96B8

#C3DFEB - #94BAD1 - #6D96B8

CSS codes

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

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