#D8DCDF - #8BAFBC | 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 #D8DCDF to #8BAFBC

#D8DCDF #8BAFBC

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

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

0.0%	0.0% #D8DCDF	RGB 216 220 223	#D8DCDF
16.7%	16.7% #CBD4D9	RGB 203 212 217	#CBD4D9
33.3%	33.3% #BECDD3	RGB 190 205 211	#BECDD3
50.0%	50.0% #B1C5CD	RGB 177 197 205	#B1C5CD
66.7%	66.7% #A4BEC7	RGB 164 190 199	#A4BEC7
83.3%	83.3% #97B6C1	RGB 151 182 193	#97B6C1
100.0%	100.0% #8BAFBC	RGB 139 175 188	#8BAFBC

#D8DCDF #CBD4D9 #BECDD3 #B1C5CD #A4BEC7 #97B6C1 #8BAFBC

#D8DCDF - #8BAFBC

HSV Blend

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

0.0%	0.0% #D8DCDF	RGB 216 220 223	#D8DCDF
16.7%	16.7% #CAD3D9	RGB 202 211 217	#CAD3D9
33.3%	33.3% #BCCAD3	RGB 188 202 211	#BCCAD3
50.0%	50.0% #AFC3CD	RGB 175 195 205	#AFC3CD
66.7%	66.7% #A2BBC7	RGB 162 187 199	#A2BBC7
83.3%	83.3% #96B5C1	RGB 150 181 193	#96B5C1
100.0%	100.0% #8BAFBC	RGB 139 175 188	#8BAFBC

#D8DCDF #CAD3D9 #BCCAD3 #AFC3CD #A2BBC7 #96B5C1 #8BAFBC

#D8DCDF - #AFC3CD - #8BAFBC

CSS codes

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

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