#DBEDE6 - #8DCCBF | 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 #DBEDE6 to #8DCCBF

#DBEDE6 #8DCCBF

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

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

0.0%	0.0% #DBEDE6	RGB 219 237 230	#DBEDE6
16.7%	16.7% #CEE7DF	RGB 206 231 223	#CEE7DF
33.3%	33.3% #C1E2D9	RGB 193 226 217	#C1E2D9
50.0%	50.0% #B4DCD2	RGB 180 220 210	#B4DCD2
66.7%	66.7% #A7D7CC	RGB 167 215 204	#A7D7CC
83.3%	83.3% #9AD1C5	RGB 154 209 197	#9AD1C5
100.0%	100.0% #8DCCBF	RGB 141 204 191	#8DCCBF

#DBEDE6 #CEE7DF #C1E2D9 #B4DCD2 #A7D7CC #9AD1C5 #8DCCBF

#DBEDE6 - #8DCCBF

HSV Blend

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

0.0%	0.0% #DBEDE6	RGB 219 237 230	#DBEDE6
16.7%	16.7% #CCE7DD	RGB 204 231 221	#CCE7DD
33.3%	33.3% #BFE2D6	RGB 191 226 214	#BFE2D6
50.0%	50.0% #B2DCCF	RGB 178 220 207	#B2DCCF
66.7%	66.7% #A5D7C9	RGB 165 215 201	#A5D7C9
83.3%	83.3% #98D1C4	RGB 152 209 196	#98D1C4
100.0%	100.0% #8DCCBF	RGB 141 204 191	#8DCCBF

#DBEDE6 #CCE7DD #BFE2D6 #B2DCCF #A5D7C9 #98D1C4 #8DCCBF

#DBEDE6 - #B2DCCF - #8DCCBF

CSS codes

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

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