#DEC9C7 - #EBCFD6 | 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 #DEC9C7 to #EBCFD6

#DEC9C7 #EBCFD6

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

#DEC9C7 - #EBCFD6 | 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 #DEC9C7 as 0% and #EBCFD6 as 100%.

0.0%	0.0% #DEC9C7	RGB 222 201 199	#DEC9C7
16.7%	16.7% #E0CAC9	RGB 224 202 201	#E0CAC9
33.3%	33.3% #E2CBCC	RGB 226 203 204	#E2CBCC
50.0%	50.0% #E4CCCE	RGB 228 204 206	#E4CCCE
66.7%	66.7% #E6CDD1	RGB 230 205 209	#E6CDD1
83.3%	83.3% #E8CED3	RGB 232 206 211	#E8CED3
100.0%	100.0% #EBCFD6	RGB 235 207 214	#EBCFD6

#DEC9C7 #E0CAC9 #E2CBCC #E4CCCE #E6CDD1 #E8CED3 #EBCFD6

#DEC9C7 - #EBCFD6

HSV Blend

#DEC9C7 - #EBCFD6 | 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 #DEC9C7 as 0% and #EBCFD6 as 100%.

0.0%	0.0% #DEC9C7	RGB 222 201 199	#DEC9C7
16.7%	16.7% #E0C9C8	RGB 224 201 200	#E0C9C8
33.3%	33.3% #E2C9CA	RGB 226 201 202	#E2C9CA
50.0%	50.0% #E4CBCD	RGB 228 203 205	#E4CBCD
66.7%	66.7% #E6CCCF	RGB 230 204 207	#E6CCCF
83.3%	83.3% #E8CDD2	RGB 232 205 210	#E8CDD2
100.0%	100.0% #EBCFD6	RGB 235 207 214	#EBCFD6

#DEC9C7 #E0C9C8 #E2C9CA #E4CBCD #E6CCCF #E8CDD2 #EBCFD6

#DEC9C7 - #E4CBCD - #EBCFD6

CSS codes

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

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