#C8DADB - #7B8CA0 | 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 #C8DADB to #7B8CA0

#C8DADB #7B8CA0

Calculate the color between two colors, #C8DADB and #7B8CA0. 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)

#C8DADB - #7B8CA0 | 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 #C8DADB as 0% and #7B8CA0 as 100%.

0.0%	0.0% #C8DADB	RGB 200 218 219	#C8DADB
16.7%	16.7% #BBCDD1	RGB 187 205 209	#BBCDD1
33.3%	33.3% #AEC0C7	RGB 174 192 199	#AEC0C7
50.0%	50.0% #A1B3BD	RGB 161 179 189	#A1B3BD
66.7%	66.7% #94A6B3	RGB 148 166 179	#94A6B3
83.3%	83.3% #8799A9	RGB 135 153 169	#8799A9
100.0%	100.0% #7B8CA0	RGB 123 140 160	#7B8CA0

#C8DADB #BBCDD1 #AEC0C7 #A1B3BD #94A6B3 #8799A9 #7B8CA0

#C8DADB - #7B8CA0

HSV Blend

#C8DADB - #7B8CA0 | 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 #C8DADB as 0% and #7B8CA0 as 100%.

0.0%	0.0% #C8DADB	RGB 200 218 219	#C8DADB
16.7%	16.7% #B9CED1	RGB 185 206 209	#B9CED1
33.3%	33.3% #ACC1C7	RGB 172 193 199	#ACC1C7
50.0%	50.0% #9FB4BD	RGB 159 180 189	#9FB4BD
66.7%	66.7% #92A7B3	RGB 146 167 179	#92A7B3
83.3%	83.3% #8699A9	RGB 134 153 169	#8699A9
100.0%	100.0% #7B8CA0	RGB 123 140 160	#7B8CA0

#C8DADB #B9CED1 #ACC1C7 #9FB4BD #92A7B3 #8699A9 #7B8CA0

#C8DADB - #9FB4BD - #7B8CA0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8DADB 0%, #9FB4BD 50%, #7B8CA0 100%);
    background: -webkit-linear-gradient(top, #C8DADB 0%, #9FB4BD 50%, #7B8CA0 100%);
    background: linear-gradient(to bottom, #C8DADB 0%, #9FB4BD 50%, #7B8CA0 100%);
}
</style>