#E9C2D5 - #BF658D | 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 #E9C2D5 to #BF658D

#E9C2D5 #BF658D

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

#E9C2D5 - #BF658D | 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 #E9C2D5 as 0% and #BF658D as 100%.

0.0%	0.0% #E9C2D5	RGB 233 194 213	#E9C2D5
16.7%	16.7% #E2B2C9	RGB 226 178 201	#E2B2C9
33.3%	33.3% #DBA3BD	RGB 219 163 189	#DBA3BD
50.0%	50.0% #D493B1	RGB 212 147 177	#D493B1
66.7%	66.7% #CD84A5	RGB 205 132 165	#CD84A5
83.3%	83.3% #C67499	RGB 198 116 153	#C67499
100.0%	100.0% #BF658D	RGB 191 101 141	#BF658D

#E9C2D5 #E2B2C9 #DBA3BD #D493B1 #CD84A5 #C67499 #BF658D

#E9C2D5 - #BF658D

HSV Blend

#E9C2D5 - #BF658D | 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 #E9C2D5 as 0% and #BF658D as 100%.

0.0%	0.0% #E9C2D5	RGB 233 194 213	#E9C2D5
16.7%	16.7% #E2B0C8	RGB 226 176 200	#E2B0C8
33.3%	33.3% #DBA0BB	RGB 219 160 187	#DBA0BB
50.0%	50.0% #D490AF	RGB 212 144 175	#D490AF
66.7%	66.7% #CD81A3	RGB 205 129 163	#CD81A3
83.3%	83.3% #C67298	RGB 198 114 152	#C67298
100.0%	100.0% #BF658D	RGB 191 101 141	#BF658D

#E9C2D5 #E2B0C8 #DBA0BB #D490AF #CD81A3 #C67298 #BF658D

#E9C2D5 - #D490AF - #BF658D

CSS codes

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

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