#D8DADA - #8BBDC5 | 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 #D8DADA to #8BBDC5

#D8DADA #8BBDC5

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

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

0.0%	0.0% #D8DADA	RGB 216 218 218	#D8DADA
16.7%	16.7% #CBD5D6	RGB 203 213 214	#CBD5D6
33.3%	33.3% #BED0D3	RGB 190 208 211	#BED0D3
50.0%	50.0% #B1CBCF	RGB 177 203 207	#B1CBCF
66.7%	66.7% #A4C6CC	RGB 164 198 204	#A4C6CC
83.3%	83.3% #97C1C8	RGB 151 193 200	#97C1C8
100.0%	100.0% #8BBDC5	RGB 139 189 197	#8BBDC5

#D8DADA #CBD5D6 #BED0D3 #B1CBCF #A4C6CC #97C1C8 #8BBDC5

#D8DADA - #8BBDC5

HSV Blend

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

0.0%	0.0% #D8DADA	RGB 216 218 218	#D8DADA
16.7%	16.7% #CAD6D6	RGB 202 214 214	#CAD6D6
33.3%	33.3% #BDD1D3	RGB 189 209 211	#BDD1D3
50.0%	50.0% #B0CDCF	RGB 176 205 207	#B0CDCF
66.7%	66.7% #A3C8CC	RGB 163 200 204	#A3C8CC
83.3%	83.3% #97C2C8	RGB 151 194 200	#97C2C8
100.0%	100.0% #8BBDC5	RGB 139 189 197	#8BBDC5

#D8DADA #CAD6D6 #BDD1D3 #B0CDCF #A3C8CC #97C2C8 #8BBDC5

#D8DADA - #B0CDCF - #8BBDC5

CSS codes

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

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