#C7DEF8 - #6B95CB | 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 #C7DEF8 to #6B95CB

#C7DEF8 #6B95CB

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

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

0.0%	0.0% #C7DEF8	RGB 199 222 248	#C7DEF8
16.7%	16.7% #B7D1F0	RGB 183 209 240	#B7D1F0
33.3%	33.3% #A8C5E9	RGB 168 197 233	#A8C5E9
50.0%	50.0% #99B9E1	RGB 153 185 225	#99B9E1
66.7%	66.7% #89ADDA	RGB 137 173 218	#89ADDA
83.3%	83.3% #7AA1D2	RGB 122 161 210	#7AA1D2
100.0%	100.0% #6B95CB	RGB 107 149 203	#6B95CB

#C7DEF8 #B7D1F0 #A8C5E9 #99B9E1 #89ADDA #7AA1D2 #6B95CB

#C7DEF8 - #6B95CB

HSV Blend

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

0.0%	0.0% #C7DEF8	RGB 199 222 248	#C7DEF8
16.7%	16.7% #B5D1F0	RGB 181 209 240	#B5D1F0
33.3%	33.3% #A5C4E9	RGB 165 196 233	#A5C4E9
50.0%	50.0% #95B8E1	RGB 149 184 225	#95B8E1
66.7%	66.7% #86ACDA	RGB 134 172 218	#86ACDA
83.3%	83.3% #78A0D2	RGB 120 160 210	#78A0D2
100.0%	100.0% #6B95CB	RGB 107 149 203	#6B95CB

#C7DEF8 #B5D1F0 #A5C4E9 #95B8E1 #86ACDA #78A0D2 #6B95CB

#C7DEF8 - #95B8E1 - #6B95CB

CSS codes

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

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