#DFEDEF - #94A8BB | 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 #DFEDEF to #94A8BB

#DFEDEF #94A8BB

Calculate the color between two colors, #DFEDEF and #94A8BB. 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)

#DFEDEF - #94A8BB | 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 #DFEDEF as 0% and #94A8BB as 100%.

0.0%	0.0% #DFEDEF	RGB 223 237 239	#DFEDEF
16.7%	16.7% #D2E1E6	RGB 210 225 230	#D2E1E6
33.3%	33.3% #C6D6DD	RGB 198 214 221	#C6D6DD
50.0%	50.0% #B9CAD5	RGB 185 202 213	#B9CAD5
66.7%	66.7% #ADBFCC	RGB 173 191 204	#ADBFCC
83.3%	83.3% #A0B3C3	RGB 160 179 195	#A0B3C3
100.0%	100.0% #94A8BB	RGB 148 168 187	#94A8BB

#DFEDEF #D2E1E6 #C6D6DD #B9CAD5 #ADBFCC #A0B3C3 #94A8BB

#DFEDEF - #94A8BB

HSV Blend

#DFEDEF - #94A8BB | 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 #DFEDEF as 0% and #94A8BB as 100%.

0.0%	0.0% #DFEDEF	RGB 223 237 239	#DFEDEF
16.7%	16.7% #D1E2E6	RGB 209 226 230	#D1E2E6
33.3%	33.3% #C4D7DD	RGB 196 215 221	#C4D7DD
50.0%	50.0% #B7CCD5	RGB 183 204 213	#B7CCD5
66.7%	66.7% #ABC0CC	RGB 171 192 204	#ABC0CC
83.3%	83.3% #9FB4C3	RGB 159 180 195	#9FB4C3
100.0%	100.0% #94A8BB	RGB 148 168 187	#94A8BB

#DFEDEF #D1E2E6 #C4D7DD #B7CCD5 #ABC0CC #9FB4C3 #94A8BB

#DFEDEF - #B7CCD5 - #94A8BB

CSS codes

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

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