#DFE3E2 - #94C0AD | 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 #DFE3E2 to #94C0AD

#DFE3E2 #94C0AD

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

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

0.0%	0.0% #DFE3E2	RGB 223 227 226	#DFE3E2
16.7%	16.7% #D2DDD9	RGB 210 221 217	#D2DDD9
33.3%	33.3% #C6D7D0	RGB 198 215 208	#C6D7D0
50.0%	50.0% #B9D1C7	RGB 185 209 199	#B9D1C7
66.7%	66.7% #ADCBBE	RGB 173 203 190	#ADCBBE
83.3%	83.3% #A0C5B5	RGB 160 197 181	#A0C5B5
100.0%	100.0% #94C0AD	RGB 148 192 173	#94C0AD

#DFE3E2 #D2DDD9 #C6D7D0 #B9D1C7 #ADCBBE #A0C5B5 #94C0AD

#DFE3E2 - #94C0AD

HSV Blend

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

0.0%	0.0% #DFE3E2	RGB 223 227 226	#DFE3E2
16.7%	16.7% #D1DDD9	RGB 209 221 217	#D1DDD9
33.3%	33.3% #C4D7D1	RGB 196 215 209	#C4D7D1
50.0%	50.0% #B7D1C8	RGB 183 209 200	#B7D1C8
66.7%	66.7% #ABCBBF	RGB 171 203 191	#ABCBBF
83.3%	83.3% #9FC5B6	RGB 159 197 182	#9FC5B6
100.0%	100.0% #94C0AD	RGB 148 192 173	#94C0AD

#DFE3E2 #D1DDD9 #C4D7D1 #B7D1C8 #ABCBBF #9FC5B6 #94C0AD

#DFE3E2 - #B7D1C8 - #94C0AD

CSS codes

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

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