#AABFDF - #DCDEDE | 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 #AABFDF to #DCDEDE

#AABFDF #DCDEDE

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

#AABFDF - #DCDEDE | 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 #AABFDF as 0% and #DCDEDE as 100%.

0.0%	0.0% #AABFDF	RGB 170 191 223	#AABFDF
16.7%	16.7% #B2C4DE	RGB 178 196 222	#B2C4DE
33.3%	33.3% #BAC9DE	RGB 186 201 222	#BAC9DE
50.0%	50.0% #C3CEDE	RGB 195 206 222	#C3CEDE
66.7%	66.7% #CBD3DE	RGB 203 211 222	#CBD3DE
83.3%	83.3% #D3D8DE	RGB 211 216 222	#D3D8DE
100.0%	100.0% #DCDEDE	RGB 220 222 222	#DCDEDE

#AABFDF #B2C4DE #BAC9DE #C3CEDE #CBD3DE #D3D8DE #DCDEDE

#AABFDF - #DCDEDE

HSV Blend

#AABFDF - #DCDEDE | 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 #AABFDF as 0% and #DCDEDE as 100%.

0.0%	0.0% #AABEDF	RGB 170 190 223	#AABEDF
16.7%	16.7% #B2C8DE	RGB 178 200 222	#B2C8DE
33.3%	33.3% #BAD0DE	RGB 186 208 222	#BAD0DE
50.0%	50.0% #C3D6DE	RGB 195 214 222	#C3D6DE
66.7%	66.7% #CBDADE	RGB 203 218 222	#CBDADE
83.3%	83.3% #D3DDDE	RGB 211 221 222	#D3DDDE
100.0%	100.0% #DCDEDE	RGB 220 222 222	#DCDEDE

#AABEDF #B2C8DE #BAD0DE #C3D6DE #CBDADE #D3DDDE #DCDEDE

#AABFDF - #C3D6DE - #DCDEDE

CSS codes

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

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