#C8D3E5 - #6E88AE | 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 #C8D3E5 to #6E88AE

#C8D3E5 #6E88AE

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

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

0.0%	0.0% #C8D3E5	RGB 200 211 229	#C8D3E5
16.7%	16.7% #B9C6DB	RGB 185 198 219	#B9C6DB
33.3%	33.3% #AABAD2	RGB 170 186 210	#AABAD2
50.0%	50.0% #9BADC9	RGB 155 173 201	#9BADC9
66.7%	66.7% #8CA1C0	RGB 140 161 192	#8CA1C0
83.3%	83.3% #7D94B7	RGB 125 148 183	#7D94B7
100.0%	100.0% #6E88AE	RGB 110 136 174	#6E88AE

#C8D3E5 #B9C6DB #AABAD2 #9BADC9 #8CA1C0 #7D94B7 #6E88AE

#C8D3E5 - #6E88AE

HSV Blend

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

0.0%	0.0% #C8D3E5	RGB 200 211 229	#C8D3E5
16.7%	16.7% #B7C5DB	RGB 183 197 219	#B7C5DB
33.3%	33.3% #A7B7D2	RGB 167 183 210	#A7B7D2
50.0%	50.0% #97ABC9	RGB 151 171 201	#97ABC9
66.7%	66.7% #899FC0	RGB 137 159 192	#899FC0
83.3%	83.3% #7B93B7	RGB 123 147 183	#7B93B7
100.0%	100.0% #6E88AE	RGB 110 136 174	#6E88AE

#C8D3E5 #B7C5DB #A7B7D2 #97ABC9 #899FC0 #7B93B7 #6E88AE

#C8D3E5 - #97ABC9 - #6E88AE

CSS codes

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

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