#E9C5E7 - #C056BA | 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 #E9C5E7 to #C056BA

#E9C5E7 #C056BA

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

#E9C5E7 - #C056BA | 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 #E9C5E7 as 0% and #C056BA as 100%.

0.0%	0.0% #E9C5E7	RGB 233 197 231	#E9C5E7
16.7%	16.7% #E2B2DF	RGB 226 178 223	#E2B2DF
33.3%	33.3% #DBA0D8	RGB 219 160 216	#DBA0D8
50.0%	50.0% #D48DD0	RGB 212 141 208	#D48DD0
66.7%	66.7% #CD7BC9	RGB 205 123 201	#CD7BC9
83.3%	83.3% #C668C1	RGB 198 104 193	#C668C1
100.0%	100.0% #C056BA	RGB 192 86 186	#C056BA

#E9C5E7 #E2B2DF #DBA0D8 #D48DD0 #CD7BC9 #C668C1 #C056BA

#E9C5E7 - #C056BA

HSV Blend

#E9C5E7 - #C056BA | 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 #E9C5E7 as 0% and #C056BA as 100%.

0.0%	0.0% #E9C5E7	RGB 233 197 231	#E9C5E7
16.7%	16.7% #E2B0DF	RGB 226 176 223	#E2B0DF
33.3%	33.3% #DB9CD7	RGB 219 156 215	#DB9CD7
50.0%	50.0% #D489D0	RGB 212 137 208	#D489D0
66.7%	66.7% #CD77C8	RGB 205 119 200	#CD77C8
83.3%	83.3% #C666C1	RGB 198 102 193	#C666C1
100.0%	100.0% #C056BA	RGB 192 86 186	#C056BA

#E9C5E7 #E2B0DF #DB9CD7 #D489D0 #CD77C8 #C666C1 #C056BA

#E9C5E7 - #D489D0 - #C056BA

CSS codes

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

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