#D8DCDD - #8BB7B6 | 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 #D8DCDD to #8BB7B6

#D8DCDD #8BB7B6

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

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

0.0%	0.0% #D8DCDD	RGB 216 220 221	#D8DCDD
16.7%	16.7% #CBD5D6	RGB 203 213 214	#CBD5D6
33.3%	33.3% #BECFD0	RGB 190 207 208	#BECFD0
50.0%	50.0% #B1C9C9	RGB 177 201 201	#B1C9C9
66.7%	66.7% #A4C3C3	RGB 164 195 195	#A4C3C3
83.3%	83.3% #97BDBC	RGB 151 189 188	#97BDBC
100.0%	100.0% #8BB7B6	RGB 139 183 182	#8BB7B6

#D8DCDD #CBD5D6 #BECFD0 #B1C9C9 #A4C3C3 #97BDBC #8BB7B6

#D8DCDD - #8BB7B6

HSV Blend

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

0.0%	0.0% #D8DCDD	RGB 216 220 221	#D8DCDD
16.7%	16.7% #CAD4D6	RGB 202 212 214	#CAD4D6
33.3%	33.3% #BCCDD0	RGB 188 205 208	#BCCDD0
50.0%	50.0% #AFC7CA	RGB 175 199 202	#AFC7CA
66.7%	66.7% #A2C1C3	RGB 162 193 195	#A2C1C3
83.3%	83.3% #96BCBD	RGB 150 188 189	#96BCBD
100.0%	100.0% #8BB7B6	RGB 139 183 182	#8BB7B6

#D8DCDD #CAD4D6 #BCCDD0 #AFC7CA #A2C1C3 #96BCBD #8BB7B6

#D8DCDD - #AFC7CA - #8BB7B6

CSS codes

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

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