#ADC8C6 - #C0DBFF | 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 #ADC8C6 to #C0DBFF

#ADC8C6 #C0DBFF

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

#ADC8C6 - #C0DBFF | 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 #ADC8C6 as 0% and #C0DBFF as 100%.

0.0%	0.0% #ADC8C6	RGB 173 200 198	#ADC8C6
16.7%	16.7% #B0CBCF	RGB 176 203 207	#B0CBCF
33.3%	33.3% #B3CED9	RGB 179 206 217	#B3CED9
50.0%	50.0% #B6D1E2	RGB 182 209 226	#B6D1E2
66.7%	66.7% #B9D4EC	RGB 185 212 236	#B9D4EC
83.3%	83.3% #BCD7F5	RGB 188 215 245	#BCD7F5
100.0%	100.0% #C0DBFF	RGB 192 219 255	#C0DBFF

#ADC8C6 #B0CBCF #B3CED9 #B6D1E2 #B9D4EC #BCD7F5 #C0DBFF

#ADC8C6 - #C0DBFF

HSV Blend

#ADC8C6 - #C0DBFF | 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 #ADC8C6 as 0% and #C0DBFF as 100%.

0.0%	0.0% #ADC8C6	RGB 173 200 198	#ADC8C6
16.7%	16.7% #B1D0D1	RGB 177 208 209	#B1D0D1
33.3%	33.3% #B4D5DA	RGB 180 213 218	#B4D5DA
50.0%	50.0% #B8D8E3	RGB 184 216 227	#B8D8E3
66.7%	66.7% #BBDAEC	RGB 187 218 236	#BBDAEC
83.3%	83.3% #BDDBF5	RGB 189 219 245	#BDDBF5
100.0%	100.0% #C0DBFF	RGB 192 219 255	#C0DBFF

#ADC8C6 #B1D0D1 #B4D5DA #B8D8E3 #BBDAEC #BDDBF5 #C0DBFF

#ADC8C6 - #B8D8E3 - #C0DBFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADC8C6 0%, #B8D8E3 50%, #C0DBFF 100%);
    background: -webkit-linear-gradient(top, #ADC8C6 0%, #B8D8E3 50%, #C0DBFF 100%);
    background: linear-gradient(to bottom, #ADC8C6 0%, #B8D8E3 50%, #C0DBFF 100%);
}
</style>