#DADDDF - #8C9BAE | 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 #DADDDF to #8C9BAE

#DADDDF #8C9BAE

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

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

0.0%	0.0% #DADDDF	RGB 218 221 223	#DADDDF
16.7%	16.7% #CDD2D6	RGB 205 210 214	#CDD2D6
33.3%	33.3% #C0C7CE	RGB 192 199 206	#C0C7CE
50.0%	50.0% #B3BCC6	RGB 179 188 198	#B3BCC6
66.7%	66.7% #A6B1BE	RGB 166 177 190	#A6B1BE
83.3%	83.3% #99A6B6	RGB 153 166 182	#99A6B6
100.0%	100.0% #8C9BAE	RGB 140 155 174	#8C9BAE

#DADDDF #CDD2D6 #C0C7CE #B3BCC6 #A6B1BE #99A6B6 #8C9BAE

#DADDDF - #8C9BAE

HSV Blend

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

0.0%	0.0% #DADDDF	RGB 218 221 223	#DADDDF
16.7%	16.7% #CBD2D6	RGB 203 210 214	#CBD2D6
33.3%	33.3% #BEC7CE	RGB 190 199 206	#BEC7CE
50.0%	50.0% #B0BCC6	RGB 176 188 198	#B0BCC6
66.7%	66.7% #A4B1BE	RGB 164 177 190	#A4B1BE
83.3%	83.3% #97A6B6	RGB 151 166 182	#97A6B6
100.0%	100.0% #8C9BAE	RGB 140 155 174	#8C9BAE

#DADDDF #CBD2D6 #BEC7CE #B0BCC6 #A4B1BE #97A6B6 #8C9BAE

#DADDDF - #B0BCC6 - #8C9BAE

CSS codes

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

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