#C7DBF8 - #6B8FCB | 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 #C7DBF8 to #6B8FCB

#C7DBF8 #6B8FCB

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

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

0.0%	0.0% #C7DBF8	RGB 199 219 248	#C7DBF8
16.7%	16.7% #B7CEF0	RGB 183 206 240	#B7CEF0
33.3%	33.3% #A8C1E9	RGB 168 193 233	#A8C1E9
50.0%	50.0% #99B5E1	RGB 153 181 225	#99B5E1
66.7%	66.7% #89A8DA	RGB 137 168 218	#89A8DA
83.3%	83.3% #7A9BD2	RGB 122 155 210	#7A9BD2
100.0%	100.0% #6B8FCB	RGB 107 143 203	#6B8FCB

#C7DBF8 #B7CEF0 #A8C1E9 #99B5E1 #89A8DA #7A9BD2 #6B8FCB

#C7DBF8 - #6B8FCB

HSV Blend

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

0.0%	0.0% #C7DBF8	RGB 199 219 248	#C7DBF8
16.7%	16.7% #B5CDF0	RGB 181 205 240	#B5CDF0
33.3%	33.3% #A5C0E9	RGB 165 192 233	#A5C0E9
50.0%	50.0% #95B3E1	RGB 149 179 225	#95B3E1
66.7%	66.7% #86A6DA	RGB 134 166 218	#86A6DA
83.3%	83.3% #789AD2	RGB 120 154 210	#789AD2
100.0%	100.0% #6B8FCB	RGB 107 143 203	#6B8FCB

#C7DBF8 #B5CDF0 #A5C0E9 #95B3E1 #86A6DA #789AD2 #6B8FCB

#C7DBF8 - #95B3E1 - #6B8FCB

CSS codes

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

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