#8AA8C0 - #DBD5CB | 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 #8AA8C0 to #DBD5CB

#8AA8C0 #DBD5CB

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

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

0.0%	0.0% #8AA8C0	RGB 138 168 192	#8AA8C0
16.7%	16.7% #97AFC1	RGB 151 175 193	#97AFC1
33.3%	33.3% #A5B7C3	RGB 165 183 195	#A5B7C3
50.0%	50.0% #B2BEC5	RGB 178 190 197	#B2BEC5
66.7%	66.7% #C0C6C7	RGB 192 198 199	#C0C6C7
83.3%	83.3% #CDCDC9	RGB 205 205 201	#CDCDC9
100.0%	100.0% #DBD5CB	RGB 219 213 203	#DBD5CB

#8AA8C0 #97AFC1 #A5B7C3 #B2BEC5 #C0C6C7 #CDCDC9 #DBD5CB

#8AA8C0 - #DBD5CB

HSV Blend

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

0.0%	0.0% #8AA8C0	RGB 138 168 192	#8AA8C0
16.7%	16.7% #94C4C3	RGB 148 196 195	#94C4C3
33.3%	33.3% #9EC9B3	RGB 158 201 179	#9EC9B3
50.0%	50.0% #A9CDAA	RGB 169 205 170	#A9CDAA
66.7%	66.7% #C1D2B4	RGB 193 210 180	#C1D2B4
83.3%	83.3% #D4D6BF	RGB 212 214 191	#D4D6BF
100.0%	100.0% #DBD5CB	RGB 219 213 203	#DBD5CB

#8AA8C0 #94C4C3 #9EC9B3 #A9CDAA #C1D2B4 #D4D6BF #DBD5CB

#8AA8C0 - #A9CDAA - #DBD5CB

CSS codes

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

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