#EDE2E2 - #DD9F97 | 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 #EDE2E2 to #DD9F97

#EDE2E2 #DD9F97

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

#EDE2E2 - #DD9F97 | 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 #EDE2E2 as 0% and #DD9F97 as 100%.

0.0%	0.0% #EDE2E2	RGB 237 226 226	#EDE2E2
16.7%	16.7% #EAD6D5	RGB 234 214 213	#EAD6D5
33.3%	33.3% #E7CBC9	RGB 231 203 201	#E7CBC9
50.0%	50.0% #E5C0BC	RGB 229 192 188	#E5C0BC
66.7%	66.7% #E2B5B0	RGB 226 181 176	#E2B5B0
83.3%	83.3% #DFAAA3	RGB 223 170 163	#DFAAA3
100.0%	100.0% #DD9F97	RGB 221 159 151	#DD9F97

#EDE2E2 #EAD6D5 #E7CBC9 #E5C0BC #E2B5B0 #DFAAA3 #DD9F97

#EDE2E2 - #DD9F97

HSV Blend

#EDE2E2 - #DD9F97 | 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 #EDE2E2 as 0% and #DD9F97 as 100%.

0.0%	0.0% #EDE2E2	RGB 237 226 226	#EDE2E2
16.7%	16.7% #EAD5D4	RGB 234 213 212	#EAD5D4
33.3%	33.3% #E7C9C8	RGB 231 201 200	#E7C9C8
50.0%	50.0% #E5BDBB	RGB 229 189 187	#E5BDBB
66.7%	66.7% #E2B2AF	RGB 226 178 175	#E2B2AF
83.3%	83.3% #DFA8A2	RGB 223 168 162	#DFA8A2
100.0%	100.0% #DD9F97	RGB 221 159 151	#DD9F97

#EDE2E2 #EAD5D4 #E7C9C8 #E5BDBB #E2B2AF #DFA8A2 #DD9F97

#EDE2E2 - #E5BDBB - #DD9F97

CSS codes

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

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