#8889AC - #DDDDE7 | 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 #8889AC to #DDDDE7

#8889AC #DDDDE7

Calculate the color between two colors, #8889AC and #DDDDE7. 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)

#8889AC - #DDDDE7 | 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 #8889AC as 0% and #DDDDE7 as 100%.

0.0%	0.0% #8889AC	RGB 136 137 172	#8889AC
16.7%	16.7% #9697B5	RGB 150 151 181	#9697B5
33.3%	33.3% #A4A5BF	RGB 164 165 191	#A4A5BF
50.0%	50.0% #B2B3C9	RGB 178 179 201	#B2B3C9
66.7%	66.7% #C0C1D3	RGB 192 193 211	#C0C1D3
83.3%	83.3% #CECFDD	RGB 206 207 221	#CECFDD
100.0%	100.0% #DDDDE7	RGB 221 221 231	#DDDDE7

#8889AC #9697B5 #A4A5BF #B2B3C9 #C0C1D3 #CECFDD #DDDDE7

#8889AC - #DDDDE7

HSV Blend

#8889AC - #DDDDE7 | 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 #8889AC as 0% and #DDDDE7 as 100%.

0.0%	0.0% #8889AC	RGB 136 137 172	#8889AC
16.7%	16.7% #9495B5	RGB 148 149 181	#9495B5
33.3%	33.3% #A2A2BF	RGB 162 162 191	#A2A2BF
50.0%	50.0% #B0B0C9	RGB 176 176 201	#B0B0C9
66.7%	66.7% #BEBED3	RGB 190 190 211	#BEBED3
83.3%	83.3% #CDCDDD	RGB 205 205 221	#CDCDDD
100.0%	100.0% #DDDDE7	RGB 221 221 231	#DDDDE7

#8889AC #9495B5 #A2A2BF #B0B0C9 #BEBED3 #CDCDDD #DDDDE7

#8889AC - #B0B0C9 - #DDDDE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8889AC 0%, #B0B0C9 50%, #DDDDE7 100%);
    background: -webkit-linear-gradient(top, #8889AC 0%, #B0B0C9 50%, #DDDDE7 100%);
    background: linear-gradient(to bottom, #8889AC 0%, #B0B0C9 50%, #DDDDE7 100%);
}
</style>