#E8CFD1 - #CD7E8A | 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 #E8CFD1 to #CD7E8A

#E8CFD1 #CD7E8A

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

#E8CFD1 - #CD7E8A | 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 #E8CFD1 as 0% and #CD7E8A as 100%.

0.0%	0.0% #E8CFD1	RGB 232 207 209	#E8CFD1
16.7%	16.7% #E3C1C5	RGB 227 193 197	#E3C1C5
33.3%	33.3% #DFB4B9	RGB 223 180 185	#DFB4B9
50.0%	50.0% #DAA6AD	RGB 218 166 173	#DAA6AD
66.7%	66.7% #D699A1	RGB 214 153 161	#D699A1
83.3%	83.3% #D18B95	RGB 209 139 149	#D18B95
100.0%	100.0% #CD7E8A	RGB 205 126 138	#CD7E8A

#E8CFD1 #E3C1C5 #DFB4B9 #DAA6AD #D699A1 #D18B95 #CD7E8A

#E8CFD1 - #CD7E8A

HSV Blend

#E8CFD1 - #CD7E8A | 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 #E8CFD1 as 0% and #CD7E8A as 100%.

0.0%	0.0% #E8CFD1	RGB 232 207 209	#E8CFD1
16.7%	16.7% #E3C0C3	RGB 227 192 195	#E3C0C3
33.3%	33.3% #DFB2B6	RGB 223 178 182	#DFB2B6
50.0%	50.0% #DAA4AA	RGB 218 164 170	#DAA4AA
66.7%	66.7% #D6979F	RGB 214 151 159	#D6979F
83.3%	83.3% #D18A94	RGB 209 138 148	#D18A94
100.0%	100.0% #CD7E8A	RGB 205 126 138	#CD7E8A

#E8CFD1 #E3C0C3 #DFB2B6 #DAA4AA #D6979F #D18A94 #CD7E8A

#E8CFD1 - #DAA4AA - #CD7E8A

CSS codes

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

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