#E4CDDA - #CD7CB1 | 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 #E4CDDA to #CD7CB1

#E4CDDA #CD7CB1

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

#E4CDDA - #CD7CB1 | 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 #E4CDDA as 0% and #CD7CB1 as 100%.

0.0%	0.0% #E4CDDA	RGB 228 205 218	#E4CDDA
16.7%	16.7% #E0BFD3	RGB 224 191 211	#E0BFD3
33.3%	33.3% #DCB2CC	RGB 220 178 204	#DCB2CC
50.0%	50.0% #D8A4C5	RGB 216 164 197	#D8A4C5
66.7%	66.7% #D497BE	RGB 212 151 190	#D497BE
83.3%	83.3% #D089B7	RGB 208 137 183	#D089B7
100.0%	100.0% #CD7CB1	RGB 205 124 177	#CD7CB1

#E4CDDA #E0BFD3 #DCB2CC #D8A4C5 #D497BE #D089B7 #CD7CB1

#E4CDDA - #CD7CB1

HSV Blend

#E4CDDA - #CD7CB1 | 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 #E4CDDA as 0% and #CD7CB1 as 100%.

0.0%	0.0% #E4CDDA	RGB 228 205 218	#E4CDDA
16.7%	16.7% #E0BED2	RGB 224 190 210	#E0BED2
33.3%	33.3% #DCB0CA	RGB 220 176 202	#DCB0CA
50.0%	50.0% #D8A2C3	RGB 216 162 195	#D8A2C3
66.7%	66.7% #D495BC	RGB 212 149 188	#D495BC
83.3%	83.3% #D088B6	RGB 208 136 182	#D088B6
100.0%	100.0% #CD7CB1	RGB 205 124 177	#CD7CB1

#E4CDDA #E0BED2 #DCB0CA #D8A2C3 #D495BC #D088B6 #CD7CB1

#E4CDDA - #D8A2C3 - #CD7CB1

CSS codes

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

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