#AFBAD6 - #DCDCD8 | 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 #AFBAD6 to #DCDCD8

#AFBAD6 #DCDCD8

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

#AFBAD6 - #DCDCD8 | 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 #AFBAD6 as 0% and #DCDCD8 as 100%.

0.0%	0.0% #AFBAD6	RGB 175 186 214	#AFBAD6
16.7%	16.7% #B6BFD6	RGB 182 191 214	#B6BFD6
33.3%	33.3% #BEC5D6	RGB 190 197 214	#BEC5D6
50.0%	50.0% #C5CBD7	RGB 197 203 215	#C5CBD7
66.7%	66.7% #CDD0D7	RGB 205 208 215	#CDD0D7
83.3%	83.3% #D4D6D7	RGB 212 214 215	#D4D6D7
100.0%	100.0% #DCDCD8	RGB 220 220 216	#DCDCD8

#AFBAD6 #B6BFD6 #BEC5D6 #C5CBD7 #CDD0D7 #D4D6D7 #DCDCD8

#AFBAD6 - #DCDCD8

HSV Blend

#AFBAD6 - #DCDCD8 | 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 #AFBAD6 as 0% and #DCDCD8 as 100%.

0.0%	0.0% #AFBAD6	RGB 175 186 214	#AFBAD6
16.7%	16.7% #B5CED7	RGB 181 206 215	#B5CED7
33.3%	33.3% #BCD8D2	RGB 188 216 210	#BCD8D2
50.0%	50.0% #C3D9CB	RGB 195 217 203	#C3D9CB
66.7%	66.7% #CBDACA	RGB 203 218 202	#CBDACA
83.3%	83.3% #D6DBD1	RGB 214 219 209	#D6DBD1
100.0%	100.0% #DCDCD8	RGB 220 220 216	#DCDCD8

#AFBAD6 #B5CED7 #BCD8D2 #C3D9CB #CBDACA #D6DBD1 #DCDCD8

#AFBAD6 - #C3D9CB - #DCDCD8

CSS codes

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

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