#AFB5D5 - #D9DAD7 | 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 #AFB5D5 to #D9DAD7

#AFB5D5 #D9DAD7

Calculate the color between two colors, #AFB5D5 and #D9DAD7. 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)

#AFB5D5 - #D9DAD7 | 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 #AFB5D5 as 0% and #D9DAD7 as 100%.

0.0%	0.0% #AFB5D5	RGB 175 181 213	#AFB5D5
16.7%	16.7% #B6BBD5	RGB 182 187 213	#B6BBD5
33.3%	33.3% #BDC1D5	RGB 189 193 213	#BDC1D5
50.0%	50.0% #C4C7D6	RGB 196 199 214	#C4C7D6
66.7%	66.7% #CBCDD6	RGB 203 205 214	#CBCDD6
83.3%	83.3% #D2D3D6	RGB 210 211 214	#D2D3D6
100.0%	100.0% #D9DAD7	RGB 217 218 215	#D9DAD7

#AFB5D5 #B6BBD5 #BDC1D5 #C4C7D6 #CBCDD6 #D2D3D6 #D9DAD7

#AFB5D5 - #D9DAD7

HSV Blend

#AFB5D5 - #D9DAD7 | 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 #AFB5D5 as 0% and #D9DAD7 as 100%.

0.0%	0.0% #AFB5D5	RGB 175 181 213	#AFB5D5
16.7%	16.7% #B5C8D5	RGB 181 200 213	#B5C8D5
33.3%	33.3% #BCD6D6	RGB 188 214 214	#BCD6D6
50.0%	50.0% #C2D7CE	RGB 194 215 206	#C2D7CE
66.7%	66.7% #C9D8CC	RGB 201 216 204	#C9D8CC
83.3%	83.3% #D2D9D0	RGB 210 217 208	#D2D9D0
100.0%	100.0% #D9DAD7	RGB 217 218 215	#D9DAD7

#AFB5D5 #B5C8D5 #BCD6D6 #C2D7CE #C9D8CC #D2D9D0 #D9DAD7

#AFB5D5 - #C2D7CE - #D9DAD7

CSS codes

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

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