#DADBDB - #8EBFC6 | 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 #DADBDB to #8EBFC6

#DADBDB #8EBFC6

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

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

0.0%	0.0% #DADBDB	RGB 218 219 219	#DADBDB
16.7%	16.7% #CDD6D7	RGB 205 214 215	#CDD6D7
33.3%	33.3% #C0D1D4	RGB 192 209 212	#C0D1D4
50.0%	50.0% #B4CDD0	RGB 180 205 208	#B4CDD0
66.7%	66.7% #A7C8CD	RGB 167 200 205	#A7C8CD
83.3%	83.3% #9AC3C9	RGB 154 195 201	#9AC3C9
100.0%	100.0% #8EBFC6	RGB 142 191 198	#8EBFC6

#DADBDB #CDD6D7 #C0D1D4 #B4CDD0 #A7C8CD #9AC3C9 #8EBFC6

#DADBDB - #8EBFC6

HSV Blend

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

0.0%	0.0% #DADBDB	RGB 218 219 219	#DADBDB
16.7%	16.7% #CCD7D7	RGB 204 215 215	#CCD7D7
33.3%	33.3% #BFD3D4	RGB 191 211 212	#BFD3D4
50.0%	50.0% #B2CED0	RGB 178 206 208	#B2CED0
66.7%	66.7% #A6C9CD	RGB 166 201 205	#A6C9CD
83.3%	83.3% #99C4C9	RGB 153 196 201	#99C4C9
100.0%	100.0% #8EBFC6	RGB 142 191 198	#8EBFC6

#DADBDB #CCD7D7 #BFD3D4 #B2CED0 #A6C9CD #99C4C9 #8EBFC6

#DADBDB - #B2CED0 - #8EBFC6

CSS codes

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

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