#C7DDFD - #6893D3 | 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 #C7DDFD to #6893D3

#C7DDFD #6893D3

Calculate the color between two colors, #C7DDFD and #6893D3. 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)

#C7DDFD - #6893D3 | 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 #C7DDFD as 0% and #6893D3 as 100%.

0.0%	0.0% #C7DDFD	RGB 199 221 253	#C7DDFD
16.7%	16.7% #B7D0F6	RGB 183 208 246	#B7D0F6
33.3%	33.3% #A7C4EF	RGB 167 196 239	#A7C4EF
50.0%	50.0% #97B8E8	RGB 151 184 232	#97B8E8
66.7%	66.7% #87ABE1	RGB 135 171 225	#87ABE1
83.3%	83.3% #779FDA	RGB 119 159 218	#779FDA
100.0%	100.0% #6893D3	RGB 104 147 211	#6893D3

#C7DDFD #B7D0F6 #A7C4EF #97B8E8 #87ABE1 #779FDA #6893D3

#C7DDFD - #6893D3

HSV Blend

#C7DDFD - #6893D3 | 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 #C7DDFD as 0% and #6893D3 as 100%.

0.0%	0.0% #C7DDFD	RGB 199 221 253	#C7DDFD
16.7%	16.7% #B5CFF6	RGB 181 207 246	#B5CFF6
33.3%	33.3% #A4C2EF	RGB 164 194 239	#A4C2EF
50.0%	50.0% #94B6E8	RGB 148 182 232	#94B6E8
66.7%	66.7% #84AAE1	RGB 132 170 225	#84AAE1
83.3%	83.3% #769EDA	RGB 118 158 218	#769EDA
100.0%	100.0% #6893D3	RGB 104 147 211	#6893D3

#C7DDFD #B5CFF6 #A4C2EF #94B6E8 #84AAE1 #769EDA #6893D3

#C7DDFD - #94B6E8 - #6893D3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7DDFD 0%, #94B6E8 50%, #6893D3 100%);
    background: -webkit-linear-gradient(top, #C7DDFD 0%, #94B6E8 50%, #6893D3 100%);
    background: linear-gradient(to bottom, #C7DDFD 0%, #94B6E8 50%, #6893D3 100%);
}
</style>