#C8D3E7 - #6D88B1 | 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 #C8D3E7 to #6D88B1

#C8D3E7 #6D88B1

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

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

0.0%	0.0% #C8D3E7	RGB 200 211 231	#C8D3E7
16.7%	16.7% #B8C6DE	RGB 184 198 222	#B8C6DE
33.3%	33.3% #A9BAD5	RGB 169 186 213	#A9BAD5
50.0%	50.0% #9AADCC	RGB 154 173 204	#9AADCC
66.7%	66.7% #8BA1C3	RGB 139 161 195	#8BA1C3
83.3%	83.3% #7C94BA	RGB 124 148 186	#7C94BA
100.0%	100.0% #6D88B1	RGB 109 136 177	#6D88B1

#C8D3E7 #B8C6DE #A9BAD5 #9AADCC #8BA1C3 #7C94BA #6D88B1

#C8D3E7 - #6D88B1

HSV Blend

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

0.0%	0.0% #C8D3E7	RGB 200 211 231	#C8D3E7
16.7%	16.7% #B6C5DE	RGB 182 197 222	#B6C5DE
33.3%	33.3% #A6B7D5	RGB 166 183 213	#A6B7D5
50.0%	50.0% #97ABCC	RGB 151 171 204	#97ABCC
66.7%	66.7% #889EC3	RGB 136 158 195	#889EC3
83.3%	83.3% #7A93BA	RGB 122 147 186	#7A93BA
100.0%	100.0% #6D88B1	RGB 109 136 177	#6D88B1

#C8D3E7 #B6C5DE #A6B7D5 #97ABCC #889EC3 #7A93BA #6D88B1

#C8D3E7 - #97ABCC - #6D88B1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8D3E7 0%, #97ABCC 50%, #6D88B1 100%);
    background: -webkit-linear-gradient(top, #C8D3E7 0%, #97ABCC 50%, #6D88B1 100%);
    background: linear-gradient(to bottom, #C8D3E7 0%, #97ABCC 50%, #6D88B1 100%);
}
</style>