#C8D9F3 - #6B8EC3 | 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 #C8D9F3 to #6B8EC3

#C8D9F3 #6B8EC3

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

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

0.0%	0.0% #C8D9F3	RGB 200 217 243	#C8D9F3
16.7%	16.7% #B8CCEB	RGB 184 204 235	#B8CCEB
33.3%	33.3% #A9C0E3	RGB 169 192 227	#A9C0E3
50.0%	50.0% #99B3DB	RGB 153 179 219	#99B3DB
66.7%	66.7% #8AA7D3	RGB 138 167 211	#8AA7D3
83.3%	83.3% #7A9ACB	RGB 122 154 203	#7A9ACB
100.0%	100.0% #6B8EC3	RGB 107 142 195	#6B8EC3

#C8D9F3 #B8CCEB #A9C0E3 #99B3DB #8AA7D3 #7A9ACB #6B8EC3

#C8D9F3 - #6B8EC3

HSV Blend

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

0.0%	0.0% #C8D9F3	RGB 200 217 243	#C8D9F3
16.7%	16.7% #B6CBEB	RGB 182 203 235	#B6CBEB
33.3%	33.3% #A6BEE3	RGB 166 190 227	#A6BEE3
50.0%	50.0% #96B1DB	RGB 150 177 219	#96B1DB
66.7%	66.7% #87A5D3	RGB 135 165 211	#87A5D3
83.3%	83.3% #7899CB	RGB 120 153 203	#7899CB
100.0%	100.0% #6B8EC3	RGB 107 142 195	#6B8EC3

#C8D9F3 #B6CBEB #A6BEE3 #96B1DB #87A5D3 #7899CB #6B8EC3

#C8D9F3 - #96B1DB - #6B8EC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8D9F3 0%, #96B1DB 50%, #6B8EC3 100%);
    background: -webkit-linear-gradient(top, #C8D9F3 0%, #96B1DB 50%, #6B8EC3 100%);
    background: linear-gradient(to bottom, #C8D9F3 0%, #96B1DB 50%, #6B8EC3 100%);
}
</style>