#B8CEC2 - #EEDBDB | 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 #B8CEC2 to #EEDBDB

#B8CEC2 #EEDBDB

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

#B8CEC2 - #EEDBDB | 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 #B8CEC2 as 0% and #EEDBDB as 100%.

0.0%	0.0% #B8CEC2	RGB 184 206 194	#B8CEC2
16.7%	16.7% #C1D0C6	RGB 193 208 198	#C1D0C6
33.3%	33.3% #CAD2CA	RGB 202 210 202	#CAD2CA
50.0%	50.0% #D3D4CE	RGB 211 212 206	#D3D4CE
66.7%	66.7% #DCD6D2	RGB 220 214 210	#DCD6D2
83.3%	83.3% #E5D8D6	RGB 229 216 214	#E5D8D6
100.0%	100.0% #EEDBDB	RGB 238 219 219	#EEDBDB

#B8CEC2 #C1D0C6 #CAD2CA #D3D4CE #DCD6D2 #E5D8D6 #EEDBDB

#B8CEC2 - #EEDBDB

HSV Blend

#B8CEC2 - #EEDBDB | 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 #B8CEC2 as 0% and #EEDBDB as 100%.

0.0%	0.0% #B8CEC2	RGB 184 206 194	#B8CEC2
16.7%	16.7% #BDD3BE	RGB 189 211 190	#BDD3BE
33.3%	33.3% #CBD8C3	RGB 203 216 195	#CBD8C3
50.0%	50.0% #D9DEC9	RGB 217 222 201	#D9DEC9
66.7%	66.7% #E3DFCF	RGB 227 223 207	#E3DFCF
83.3%	83.3% #E8DDD5	RGB 232 221 213	#E8DDD5
100.0%	100.0% #EEDBDB	RGB 238 219 219	#EEDBDB

#B8CEC2 #BDD3BE #CBD8C3 #D9DEC9 #E3DFCF #E8DDD5 #EEDBDB

#B8CEC2 - #D9DEC9 - #EEDBDB

CSS codes

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

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