#DBEBED - #8DBACC | 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 #DBEBED to #8DBACC

#DBEBED #8DBACC

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

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

0.0%	0.0% #DBEBED	RGB 219 235 237	#DBEBED
16.7%	16.7% #CEE2E7	RGB 206 226 231	#CEE2E7
33.3%	33.3% #C1DAE2	RGB 193 218 226	#C1DAE2
50.0%	50.0% #B4D2DC	RGB 180 210 220	#B4D2DC
66.7%	66.7% #A7CAD7	RGB 167 202 215	#A7CAD7
83.3%	83.3% #9AC2D1	RGB 154 194 209	#9AC2D1
100.0%	100.0% #8DBACC	RGB 141 186 204	#8DBACC

#DBEBED #CEE2E7 #C1DAE2 #B4D2DC #A7CAD7 #9AC2D1 #8DBACC

#DBEBED - #8DBACC

HSV Blend

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

0.0%	0.0% #DBEBED	RGB 219 235 237	#DBEBED
16.7%	16.7% #CCE3E7	RGB 204 227 231	#CCE3E7
33.3%	33.3% #BFDCE2	RGB 191 220 226	#BFDCE2
50.0%	50.0% #B2D4DC	RGB 178 212 220	#B2D4DC
66.7%	66.7% #A5CBD7	RGB 165 203 215	#A5CBD7
83.3%	83.3% #98C2D1	RGB 152 194 209	#98C2D1
100.0%	100.0% #8DBACC	RGB 141 186 204	#8DBACC

#DBEBED #CCE3E7 #BFDCE2 #B2D4DC #A5CBD7 #98C2D1 #8DBACC

#DBEBED - #B2D4DC - #8DBACC

CSS codes

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

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