#DDDEDF - #8C96A4 | 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 #DDDEDF to #8C96A4

#DDDEDF #8C96A4

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

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

0.0%	0.0% #DDDEDF	RGB 221 222 223	#DDDEDF
16.7%	16.7% #CFD2D5	RGB 207 210 213	#CFD2D5
33.3%	33.3% #C2C6CB	RGB 194 198 203	#C2C6CB
50.0%	50.0% #B4BAC1	RGB 180 186 193	#B4BAC1
66.7%	66.7% #A7AEB7	RGB 167 174 183	#A7AEB7
83.3%	83.3% #99A2AD	RGB 153 162 173	#99A2AD
100.0%	100.0% #8C96A4	RGB 140 150 164	#8C96A4

#DDDEDF #CFD2D5 #C2C6CB #B4BAC1 #A7AEB7 #99A2AD #8C96A4

#DDDEDF - #8C96A4

HSV Blend

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

0.0%	0.0% #DDDEDF	RGB 221 222 223	#DDDEDF
16.7%	16.7% #CED1D5	RGB 206 209 213	#CED1D5
33.3%	33.3% #C0C5CB	RGB 192 197 203	#C0C5CB
50.0%	50.0% #B2B9C1	RGB 178 185 193	#B2B9C1
66.7%	66.7% #A5ADB7	RGB 165 173 183	#A5ADB7
83.3%	83.3% #98A1AD	RGB 152 161 173	#98A1AD
100.0%	100.0% #8C96A4	RGB 140 150 164	#8C96A4

#DDDEDF #CED1D5 #C0C5CB #B2B9C1 #A5ADB7 #98A1AD #8C96A4

#DDDEDF - #B2B9C1 - #8C96A4

CSS codes

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

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