#DBECDC - #88B6AC | 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 #DBECDC to #88B6AC

#DBECDC #88B6AC

Calculate the color between two colors, #DBECDC and #88B6AC. 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)

#DBECDC - #88B6AC | 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 #DBECDC as 0% and #88B6AC as 100%.

0.0%	0.0% #DBECDC	RGB 219 236 220	#DBECDC
16.7%	16.7% #CDE3D4	RGB 205 227 212	#CDE3D4
33.3%	33.3% #BFDACC	RGB 191 218 204	#BFDACC
50.0%	50.0% #B1D1C4	RGB 177 209 196	#B1D1C4
66.7%	66.7% #A3C8BC	RGB 163 200 188	#A3C8BC
83.3%	83.3% #95BFB4	RGB 149 191 180	#95BFB4
100.0%	100.0% #88B6AC	RGB 136 182 172	#88B6AC

#DBECDC #CDE3D4 #BFDACC #B1D1C4 #A3C8BC #95BFB4 #88B6AC

#DBECDC - #88B6AC

HSV Blend

#DBECDC - #88B6AC | 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 #DBECDC as 0% and #88B6AC as 100%.

0.0%	0.0% #DBECDC	RGB 219 236 220	#DBECDC
16.7%	16.7% #CBE3CF	RGB 203 227 207	#CBE3CF
33.3%	33.3% #BDDAC5	RGB 189 218 197	#BDDAC5
50.0%	50.0% #AFD1BD	RGB 175 209 189	#AFD1BD
66.7%	66.7% #A1C8B6	RGB 161 200 182	#A1C8B6
83.3%	83.3% #94BFB0	RGB 148 191 176	#94BFB0
100.0%	100.0% #88B6AC	RGB 136 182 172	#88B6AC

#DBECDC #CBE3CF #BDDAC5 #AFD1BD #A1C8B6 #94BFB0 #88B6AC

#DBECDC - #AFD1BD - #88B6AC

CSS codes

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

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