#FDFFFF - #ABCDAE | 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 #FDFFFF to #ABCDAE

#FDFFFF #ABCDAE

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

#FDFFFF - #ABCDAE | 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 #FDFFFF as 0% and #ABCDAE as 100%.

0.0%	0.0% #FDFFFF	RGB 253 255 255	#FDFFFF
16.7%	16.7% #EFF6F1	RGB 239 246 241	#EFF6F1
33.3%	33.3% #E1EEE4	RGB 225 238 228	#E1EEE4
50.0%	50.0% #D4E6D6	RGB 212 230 214	#D4E6D6
66.7%	66.7% #C6DDC9	RGB 198 221 201	#C6DDC9
83.3%	83.3% #B8D5BB	RGB 184 213 187	#B8D5BB
100.0%	100.0% #ABCDAE	RGB 171 205 174	#ABCDAE

#FDFFFF #EFF6F1 #E1EEE4 #D4E6D6 #C6DDC9 #B8D5BB #ABCDAE

#FDFFFF - #ABCDAE

HSV Blend

#FDFFFF - #ABCDAE | 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 #FDFFFF as 0% and #ABCDAE as 100%.

0.0%	0.0% #FDFFFF	RGB 253 255 255	#FDFFFF
16.7%	16.7% #EEF6F5	RGB 238 246 245	#EEF6F5
33.3%	33.3% #DFEEE9	RGB 223 238 233	#DFEEE9
50.0%	50.0% #D2E6DC	RGB 210 230 220	#D2E6DC
66.7%	66.7% #C4DDCE	RGB 196 221 206	#C4DDCE
83.3%	83.3% #B7D5BE	RGB 183 213 190	#B7D5BE
100.0%	100.0% #ABCDAE	RGB 171 205 174	#ABCDAE

#FDFFFF #EEF6F5 #DFEEE9 #D2E6DC #C4DDCE #B7D5BE #ABCDAE

#FDFFFF - #D2E6DC - #ABCDAE

CSS codes

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

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