#C5CBDB - #697F9F | 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 #C5CBDB to #697F9F

#C5CBDB #697F9F

Calculate the color between two colors, #C5CBDB and #697F9F. 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)

#C5CBDB - #697F9F | 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 #C5CBDB as 0% and #697F9F as 100%.

0.0%	0.0% #C5CBDB	RGB 197 203 219	#C5CBDB
16.7%	16.7% #B5BED1	RGB 181 190 209	#B5BED1
33.3%	33.3% #A6B1C7	RGB 166 177 199	#A6B1C7
50.0%	50.0% #97A5BD	RGB 151 165 189	#97A5BD
66.7%	66.7% #8798B3	RGB 135 152 179	#8798B3
83.3%	83.3% #788BA9	RGB 120 139 169	#788BA9
100.0%	100.0% #697F9F	RGB 105 127 159	#697F9F

#C5CBDB #B5BED1 #A6B1C7 #97A5BD #8798B3 #788BA9 #697F9F

#C5CBDB - #697F9F

HSV Blend

#C5CBDB - #697F9F | 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 #C5CBDB as 0% and #697F9F as 100%.

0.0%	0.0% #C5CBDB	RGB 197 203 219	#C5CBDB
16.7%	16.7% #B3BCD1	RGB 179 188 209	#B3BCD1
33.3%	33.3% #A3AEC7	RGB 163 174 199	#A3AEC7
50.0%	50.0% #93A1BD	RGB 147 161 189	#93A1BD
66.7%	66.7% #8495B3	RGB 132 149 179	#8495B3
83.3%	83.3% #7689A9	RGB 118 137 169	#7689A9
100.0%	100.0% #697F9F	RGB 105 127 159	#697F9F

#C5CBDB #B3BCD1 #A3AEC7 #93A1BD #8495B3 #7689A9 #697F9F

#C5CBDB - #93A1BD - #697F9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5CBDB 0%, #93A1BD 50%, #697F9F 100%);
    background: -webkit-linear-gradient(top, #C5CBDB 0%, #93A1BD 50%, #697F9F 100%);
    background: linear-gradient(to bottom, #C5CBDB 0%, #93A1BD 50%, #697F9F 100%);
}
</style>