#DEC2DF - #E2E5E3 | 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 #DEC2DF to #E2E5E3

#DEC2DF #E2E5E3

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

#DEC2DF - #E2E5E3 | 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 #DEC2DF as 0% and #E2E5E3 as 100%.

0.0%	0.0% #DEC2DF	RGB 222 194 223	#DEC2DF
16.7%	16.7% #DEC7DF	RGB 222 199 223	#DEC7DF
33.3%	33.3% #DFCDE0	RGB 223 205 224	#DFCDE0
50.0%	50.0% #E0D3E1	RGB 224 211 225	#E0D3E1
66.7%	66.7% #E0D9E1	RGB 224 217 225	#E0D9E1
83.3%	83.3% #E1DFE2	RGB 225 223 226	#E1DFE2
100.0%	100.0% #E2E5E3	RGB 226 229 227	#E2E5E3

#DEC2DF #DEC7DF #DFCDE0 #E0D3E1 #E0D9E1 #E1DFE2 #E2E5E3

#DEC2DF - #E2E5E3

HSV Blend

#DEC2DF - #E2E5E3 | 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 #DEC2DF as 0% and #E2E5E3 as 100%.

0.0%	0.0% #DEC2DF	RGB 222 194 223	#DEC2DF
16.7%	16.7% #D4C7E0	RGB 212 199 224	#D4C7E0
33.3%	33.3% #CECCE1	RGB 206 204 225	#CECCE1
50.0%	50.0% #D1D7E2	RGB 209 215 226	#D1D7E2
66.7%	66.7% #D7E0E3	RGB 215 224 227	#D7E0E3
83.3%	83.3% #DCE4E2	RGB 220 228 226	#DCE4E2
100.0%	100.0% #E2E5E3	RGB 226 229 227	#E2E5E3

#DEC2DF #D4C7E0 #CECCE1 #D1D7E2 #D7E0E3 #DCE4E2 #E2E5E3

#DEC2DF - #D1D7E2 - #E2E5E3

CSS codes

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

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