#AFB5DA - #D6DADA | 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 #AFB5DA to #D6DADA

#AFB5DA #D6DADA

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

#AFB5DA - #D6DADA | 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 #AFB5DA as 0% and #D6DADA as 100%.

0.0%	0.0% #AFB5DA	RGB 175 181 218	#AFB5DA
16.7%	16.7% #B5BBDA	RGB 181 187 218	#B5BBDA
33.3%	33.3% #BCC1DA	RGB 188 193 218	#BCC1DA
50.0%	50.0% #C2C7DA	RGB 194 199 218	#C2C7DA
66.7%	66.7% #C9CDDA	RGB 201 205 218	#C9CDDA
83.3%	83.3% #CFD3DA	RGB 207 211 218	#CFD3DA
100.0%	100.0% #D6DADA	RGB 214 218 218	#D6DADA

#AFB5DA #B5BBDA #BCC1DA #C2C7DA #C9CDDA #CFD3DA #D6DADA

#AFB5DA - #D6DADA

HSV Blend

#AFB5DA - #D6DADA | 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 #AFB5DA as 0% and #D6DADA as 100%.

0.0%	0.0% #AFB5DA	RGB 175 181 218	#AFB5DA
16.7%	16.7% #B5BFDA	RGB 181 191 218	#B5BFDA
33.3%	33.3% #BCC8DA	RGB 188 200 218	#BCC8DA
50.0%	50.0% #C2CFDA	RGB 194 207 218	#C2CFDA
66.7%	66.7% #C9D5DA	RGB 201 213 218	#C9D5DA
83.3%	83.3% #CFD8DA	RGB 207 216 218	#CFD8DA
100.0%	100.0% #D6DADA	RGB 214 218 218	#D6DADA

#AFB5DA #B5BFDA #BCC8DA #C2CFDA #C9D5DA #CFD8DA #D6DADA

#AFB5DA - #C2CFDA - #D6DADA

CSS codes

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

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