#EDDEE6 - #CD8896 | 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 #EDDEE6 to #CD8896

#EDDEE6 #CD8896

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

#EDDEE6 - #CD8896 | 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 #EDDEE6 as 0% and #CD8896 as 100%.

0.0%	0.0% #EDDEE6	RGB 237 222 230	#EDDEE6
16.7%	16.7% #E7CFD8	RGB 231 207 216	#E7CFD8
33.3%	33.3% #E2C1CB	RGB 226 193 203	#E2C1CB
50.0%	50.0% #DDB3BE	RGB 221 179 190	#DDB3BE
66.7%	66.7% #D7A4B0	RGB 215 164 176	#D7A4B0
83.3%	83.3% #D296A3	RGB 210 150 163	#D296A3
100.0%	100.0% #CD8896	RGB 205 136 150	#CD8896

#EDDEE6 #E7CFD8 #E2C1CB #DDB3BE #D7A4B0 #D296A3 #CD8896

#EDDEE6 - #CD8896

HSV Blend

#EDDEE6 - #CD8896 | 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 #EDDEE6 as 0% and #CD8896 as 100%.

0.0%	0.0% #EDDEE6	RGB 237 222 230	#EDDEE6
16.7%	16.7% #E7CEDA	RGB 231 206 218	#E7CEDA
33.3%	33.3% #E2BFCE	RGB 226 191 206	#E2BFCE
50.0%	50.0% #DDB0C1	RGB 221 176 193	#DDB0C1
66.7%	66.7% #D7A2B3	RGB 215 162 179	#D7A2B3
83.3%	83.3% #D295A4	RGB 210 149 164	#D295A4
100.0%	100.0% #CD8896	RGB 205 136 150	#CD8896

#EDDEE6 #E7CEDA #E2BFCE #DDB0C1 #D7A2B3 #D295A4 #CD8896

#EDDEE6 - #DDB0C1 - #CD8896

CSS codes

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

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