#E5CFDA - #B67F9C | 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 #E5CFDA to #B67F9C

#E5CFDA #B67F9C

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

#E5CFDA - #B67F9C | 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 #E5CFDA as 0% and #B67F9C as 100%.

0.0%	0.0% #E5CFDA	RGB 229 207 218	#E5CFDA
16.7%	16.7% #DDC1CF	RGB 221 193 207	#DDC1CF
33.3%	33.3% #D5B4C5	RGB 213 180 197	#D5B4C5
50.0%	50.0% #CDA7BB	RGB 205 167 187	#CDA7BB
66.7%	66.7% #C599B0	RGB 197 153 176	#C599B0
83.3%	83.3% #BD8CA6	RGB 189 140 166	#BD8CA6
100.0%	100.0% #B67F9C	RGB 182 127 156	#B67F9C

#E5CFDA #DDC1CF #D5B4C5 #CDA7BB #C599B0 #BD8CA6 #B67F9C

#E5CFDA - #B67F9C

HSV Blend

#E5CFDA - #B67F9C | 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 #E5CFDA as 0% and #B67F9C as 100%.

0.0%	0.0% #E5CFDA	RGB 229 207 218	#E5CFDA
16.7%	16.7% #DDC0CE	RGB 221 192 206	#DDC0CE
33.3%	33.3% #D5B2C4	RGB 213 178 196	#D5B2C4
50.0%	50.0% #CDA4B9	RGB 205 164 185	#CDA4B9
66.7%	66.7% #C597AF	RGB 197 151 175	#C597AF
83.3%	83.3% #BD8AA5	RGB 189 138 165	#BD8AA5
100.0%	100.0% #B67F9C	RGB 182 127 156	#B67F9C

#E5CFDA #DDC0CE #D5B2C4 #CDA4B9 #C597AF #BD8AA5 #B67F9C

#E5CFDA - #CDA4B9 - #B67F9C

CSS codes

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

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