#C5CFE7 - #628FB0 | 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 #C5CFE7 to #628FB0

#C5CFE7 #628FB0

Calculate the color between two colors, #C5CFE7 and #628FB0. 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)

#C5CFE7 - #628FB0 | 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 #C5CFE7 as 0% and #628FB0 as 100%.

0.0%	0.0% #C5CFE7	RGB 197 207 231	#C5CFE7
16.7%	16.7% #B4C4DD	RGB 180 196 221	#B4C4DD
33.3%	33.3% #A4B9D4	RGB 164 185 212	#A4B9D4
50.0%	50.0% #93AFCB	RGB 147 175 203	#93AFCB
66.7%	66.7% #83A4C2	RGB 131 164 194	#83A4C2
83.3%	83.3% #7299B9	RGB 114 153 185	#7299B9
100.0%	100.0% #628FB0	RGB 98 143 176	#628FB0

#C5CFE7 #B4C4DD #A4B9D4 #93AFCB #83A4C2 #7299B9 #628FB0

#C5CFE7 - #628FB0

HSV Blend

#C5CFE7 - #628FB0 | 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 #C5CFE7 as 0% and #628FB0 as 100%.

0.0%	0.0% #C5CFE7	RGB 197 207 231	#C5CFE7
16.7%	16.7% #B2C1DD	RGB 178 193 221	#B2C1DD
33.3%	33.3% #A0B4D4	RGB 160 180 212	#A0B4D4
50.0%	50.0% #8FA9CB	RGB 143 169 203	#8FA9CB
66.7%	66.7% #7F9FC2	RGB 127 159 194	#7F9FC2
83.3%	83.3% #7096B9	RGB 112 150 185	#7096B9
100.0%	100.0% #628FB0	RGB 98 143 176	#628FB0

#C5CFE7 #B2C1DD #A0B4D4 #8FA9CB #7F9FC2 #7096B9 #628FB0

#C5CFE7 - #8FA9CB - #628FB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5CFE7 0%, #8FA9CB 50%, #628FB0 100%);
    background: -webkit-linear-gradient(top, #C5CFE7 0%, #8FA9CB 50%, #628FB0 100%);
    background: linear-gradient(to bottom, #C5CFE7 0%, #8FA9CB 50%, #628FB0 100%);
}
</style>