#C7CCE4 - #6880AC | 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 #C7CCE4 to #6880AC

#C7CCE4 #6880AC

Calculate the color between two colors, #C7CCE4 and #6880AC. 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)

#C7CCE4 - #6880AC | 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 #C7CCE4 as 0% and #6880AC as 100%.

0.0%	0.0% #C7CCE4	RGB 199 204 228	#C7CCE4
16.7%	16.7% #B7BFDA	RGB 183 191 218	#B7BFDA
33.3%	33.3% #A7B2D1	RGB 167 178 209	#A7B2D1
50.0%	50.0% #97A6C8	RGB 151 166 200	#97A6C8
66.7%	66.7% #8799BE	RGB 135 153 190	#8799BE
83.3%	83.3% #778CB5	RGB 119 140 181	#778CB5
100.0%	100.0% #6880AC	RGB 104 128 172	#6880AC

#C7CCE4 #B7BFDA #A7B2D1 #97A6C8 #8799BE #778CB5 #6880AC

#C7CCE4 - #6880AC

HSV Blend

#C7CCE4 - #6880AC | 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 #C7CCE4 as 0% and #6880AC as 100%.

0.0%	0.0% #C7CCE4	RGB 199 204 228	#C7CCE4
16.7%	16.7% #B5BCDA	RGB 181 188 218	#B5BCDA
33.3%	33.3% #A3AED1	RGB 163 174 209	#A3AED1
50.0%	50.0% #93A1C8	RGB 147 161 200	#93A1C8
66.7%	66.7% #8495BE	RGB 132 149 190	#8495BE
83.3%	83.3% #758AB5	RGB 117 138 181	#758AB5
100.0%	100.0% #6880AC	RGB 104 128 172	#6880AC

#C7CCE4 #B5BCDA #A3AED1 #93A1C8 #8495BE #758AB5 #6880AC

#C7CCE4 - #93A1C8 - #6880AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7CCE4 0%, #93A1C8 50%, #6880AC 100%);
    background: -webkit-linear-gradient(top, #C7CCE4 0%, #93A1C8 50%, #6880AC 100%);
    background: linear-gradient(to bottom, #C7CCE4 0%, #93A1C8 50%, #6880AC 100%);
}
</style>