#DEDCDC - #FEE3E3 | 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 #DEDCDC to #FEE3E3

#DEDCDC #FEE3E3

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

#DEDCDC - #FEE3E3 | 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 #DEDCDC as 0% and #FEE3E3 as 100%.

0.0%	0.0% #DEDCDC	RGB 222 220 220	#DEDCDC
16.7%	16.7% #E3DDDD	RGB 227 221 221	#E3DDDD
33.3%	33.3% #E8DEDE	RGB 232 222 222	#E8DEDE
50.0%	50.0% #EEDFDF	RGB 238 223 223	#EEDFDF
66.7%	66.7% #F3E0E0	RGB 243 224 224	#F3E0E0
83.3%	83.3% #F8E1E1	RGB 248 225 225	#F8E1E1
100.0%	100.0% #FEE3E3	RGB 254 227 227	#FEE3E3

#DEDCDC #E3DDDD #E8DEDE #EEDFDF #F3E0E0 #F8E1E1 #FEE3E3

#DEDCDC - #FEE3E3

HSV Blend

#DEDCDC - #FEE3E3 | 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 #DEDCDC as 0% and #FEE3E3 as 100%.

0.0%	0.0% #DEDCDC	RGB 222 220 220	#DEDCDC
16.7%	16.7% #E3DDDD	RGB 227 221 221	#E3DDDD
33.3%	33.3% #E8DFDF	RGB 232 223 223	#E8DFDF
50.0%	50.0% #EEE0E0	RGB 238 224 224	#EEE0E0
66.7%	66.7% #F3E1E1	RGB 243 225 225	#F3E1E1
83.3%	83.3% #F8E2E2	RGB 248 226 226	#F8E2E2
100.0%	100.0% #FEE3E3	RGB 254 227 227	#FEE3E3

#DEDCDC #E3DDDD #E8DFDF #EEE0E0 #F3E1E1 #F8E2E2 #FEE3E3

#DEDCDC - #EEE0E0 - #FEE3E3

CSS codes

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

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