#C8DAF8 - #6A8FCB | 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 #C8DAF8 to #6A8FCB

#C8DAF8 #6A8FCB

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

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

0.0%	0.0% #C8DAF8	RGB 200 218 248	#C8DAF8
16.7%	16.7% #B8CDF0	RGB 184 205 240	#B8CDF0
33.3%	33.3% #A8C1E9	RGB 168 193 233	#A8C1E9
50.0%	50.0% #99B4E1	RGB 153 180 225	#99B4E1
66.7%	66.7% #89A8DA	RGB 137 168 218	#89A8DA
83.3%	83.3% #799BD2	RGB 121 155 210	#799BD2
100.0%	100.0% #6A8FCB	RGB 106 143 203	#6A8FCB

#C8DAF8 #B8CDF0 #A8C1E9 #99B4E1 #89A8DA #799BD2 #6A8FCB

#C8DAF8 - #6A8FCB

HSV Blend

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

0.0%	0.0% #C8DAF8	RGB 200 218 248	#C8DAF8
16.7%	16.7% #B6CCF0	RGB 182 204 240	#B6CCF0
33.3%	33.3% #A5BFE9	RGB 165 191 233	#A5BFE9
50.0%	50.0% #95B2E1	RGB 149 178 225	#95B2E1
66.7%	66.7% #86A6DA	RGB 134 166 218	#86A6DA
83.3%	83.3% #779AD2	RGB 119 154 210	#779AD2
100.0%	100.0% #6A8FCB	RGB 106 143 203	#6A8FCB

#C8DAF8 #B6CCF0 #A5BFE9 #95B2E1 #86A6DA #779AD2 #6A8FCB

#C8DAF8 - #95B2E1 - #6A8FCB

CSS codes

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

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