#8AA4AD - #DDE5E7 | 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 #8AA4AD to #DDE5E7

#8AA4AD #DDE5E7

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

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

0.0%	0.0% #8AA4AD	RGB 138 164 173	#8AA4AD
16.7%	16.7% #97AEB6	RGB 151 174 182	#97AEB6
33.3%	33.3% #A5B9C0	RGB 165 185 192	#A5B9C0
50.0%	50.0% #B3C4CA	RGB 179 196 202	#B3C4CA
66.7%	66.7% #C1CFD3	RGB 193 207 211	#C1CFD3
83.3%	83.3% #CFDADD	RGB 207 218 221	#CFDADD
100.0%	100.0% #DDE5E7	RGB 221 229 231	#DDE5E7

#8AA4AD #97AEB6 #A5B9C0 #B3C4CA #C1CFD3 #CFDADD #DDE5E7

#8AA4AD - #DDE5E7

HSV Blend

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

0.0%	0.0% #8AA4AD	RGB 138 164 173	#8AA4AD
16.7%	16.7% #96AEB6	RGB 150 174 182	#96AEB6
33.3%	33.3% #A3B9C0	RGB 163 185 192	#A3B9C0
50.0%	50.0% #B1C4CA	RGB 177 196 202	#B1C4CA
66.7%	66.7% #BFCFD3	RGB 191 207 211	#BFCFD3
83.3%	83.3% #CDDADD	RGB 205 218 221	#CDDADD
100.0%	100.0% #DDE5E7	RGB 221 229 231	#DDE5E7

#8AA4AD #96AEB6 #A3B9C0 #B1C4CA #BFCFD3 #CDDADD #DDE5E7

#8AA4AD - #B1C4CA - #DDE5E7

CSS codes

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

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