#8CBBDA - #DDDDD9 | 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 #8CBBDA to #DDDDD9

#8CBBDA #DDDDD9

Calculate the color between two colors, #8CBBDA and #DDDDD9. 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)

#8CBBDA - #DDDDD9 | 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 #8CBBDA as 0% and #DDDDD9 as 100%.

0.0%	0.0% #8CBBDA	RGB 140 187 218	#8CBBDA
16.7%	16.7% #99C0D9	RGB 153 192 217	#99C0D9
33.3%	33.3% #A7C6D9	RGB 167 198 217	#A7C6D9
50.0%	50.0% #B4CCD9	RGB 180 204 217	#B4CCD9
66.7%	66.7% #C2D1D9	RGB 194 209 217	#C2D1D9
83.3%	83.3% #CFD7D9	RGB 207 215 217	#CFD7D9
100.0%	100.0% #DDDDD9	RGB 221 221 217	#DDDDD9

#8CBBDA #99C0D9 #A7C6D9 #B4CCD9 #C2D1D9 #CFD7D9 #DDDDD9

#8CBBDA - #DDDDD9

HSV Blend

#8CBBDA - #DDDDD9 | 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 #8CBBDA as 0% and #DDDDD9 as 100%.

0.0%	0.0% #8CBADA	RGB 140 186 218	#8CBADA
16.7%	16.7% #98DADA	RGB 152 218 218	#98DADA
33.3%	33.3% #A5DBC5	RGB 165 219 197	#A5DBC5
50.0%	50.0% #B2DBBA	RGB 178 219 186	#B2DBBA
66.7%	66.7% #C4DCBF	RGB 196 220 191	#C4DCBF
83.3%	83.3% #D5DCCC	RGB 213 220 204	#D5DCCC
100.0%	100.0% #DDDDD9	RGB 221 221 217	#DDDDD9

#8CBADA #98DADA #A5DBC5 #B2DBBA #C4DCBF #D5DCCC #DDDDD9

#8CBBDA - #B2DBBA - #DDDDD9

CSS codes

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

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