#E5C0DC - #BF5D97 | 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 #E5C0DC to #BF5D97

#E5C0DC #BF5D97

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

#E5C0DC - #BF5D97 | 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 #E5C0DC as 0% and #BF5D97 as 100%.

0.0%	0.0% #E5C0DC	RGB 229 192 220	#E5C0DC
16.7%	16.7% #DEAFD0	RGB 222 175 208	#DEAFD0
33.3%	33.3% #D89FC5	RGB 216 159 197	#D89FC5
50.0%	50.0% #D28EB9	RGB 210 142 185	#D28EB9
66.7%	66.7% #CB7EAE	RGB 203 126 174	#CB7EAE
83.3%	83.3% #C56DA2	RGB 197 109 162	#C56DA2
100.0%	100.0% #BF5D97	RGB 191 93 151	#BF5D97

#E5C0DC #DEAFD0 #D89FC5 #D28EB9 #CB7EAE #C56DA2 #BF5D97

#E5C0DC - #BF5D97

HSV Blend

#E5C0DC - #BF5D97 | 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 #E5C0DC as 0% and #BF5D97 as 100%.

0.0%	0.0% #E5C0DC	RGB 229 192 220	#E5C0DC
16.7%	16.7% #DEADD1	RGB 222 173 209	#DEADD1
33.3%	33.3% #D89CC6	RGB 216 156 198	#D89CC6
50.0%	50.0% #D28BBA	RGB 210 139 186	#D28BBA
66.7%	66.7% #CB7BAF	RGB 203 123 175	#CB7BAF
83.3%	83.3% #C56BA3	RGB 197 107 163	#C56BA3
100.0%	100.0% #BF5D97	RGB 191 93 151	#BF5D97

#E5C0DC #DEADD1 #D89CC6 #D28BBA #CB7BAF #C56BA3 #BF5D97

#E5C0DC - #D28BBA - #BF5D97

CSS codes

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

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