#ADBFE0 - #DBDEDF | 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 #ADBFE0 to #DBDEDF

#ADBFE0 #DBDEDF

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

#ADBFE0 - #DBDEDF | 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 #ADBFE0 as 0% and #DBDEDF as 100%.

0.0%	0.0% #ADBFE0	RGB 173 191 224	#ADBFE0
16.7%	16.7% #B4C4DF	RGB 180 196 223	#B4C4DF
33.3%	33.3% #BCC9DF	RGB 188 201 223	#BCC9DF
50.0%	50.0% #C4CEDF	RGB 196 206 223	#C4CEDF
66.7%	66.7% #CBD3DF	RGB 203 211 223	#CBD3DF
83.3%	83.3% #D3D8DF	RGB 211 216 223	#D3D8DF
100.0%	100.0% #DBDEDF	RGB 219 222 223	#DBDEDF

#ADBFE0 #B4C4DF #BCC9DF #C4CEDF #CBD3DF #D3D8DF #DBDEDF

#ADBFE0 - #DBDEDF

HSV Blend

#ADBFE0 - #DBDEDF | 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 #ADBFE0 as 0% and #DBDEDF as 100%.

0.0%	0.0% #ADBFE0	RGB 173 191 224	#ADBFE0
16.7%	16.7% #B4C6DF	RGB 180 198 223	#B4C6DF
33.3%	33.3% #BCCDDF	RGB 188 205 223	#BCCDDF
50.0%	50.0% #C4D3DF	RGB 196 211 223	#C4D3DF
66.7%	66.7% #CBD7DF	RGB 203 215 223	#CBD7DF
83.3%	83.3% #D3DBDF	RGB 211 219 223	#D3DBDF
100.0%	100.0% #DBDEDF	RGB 219 222 223	#DBDEDF

#ADBFE0 #B4C6DF #BCCDDF #C4D3DF #CBD7DF #D3DBDF #DBDEDF

#ADBFE0 - #C4D3DF - #DBDEDF

CSS codes

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

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