#EEB7E2 - #C94B9F | 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 #EEB7E2 to #C94B9F

#EEB7E2 #C94B9F

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

#EEB7E2 - #C94B9F | 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 #EEB7E2 as 0% and #C94B9F as 100%.

0.0%	0.0% #EEB7E2	RGB 238 183 226	#EEB7E2
16.7%	16.7% #E7A5D6	RGB 231 165 214	#E7A5D6
33.3%	33.3% #E193CB	RGB 225 147 203	#E193CB
50.0%	50.0% #DB81C0	RGB 219 129 192	#DB81C0
66.7%	66.7% #D56FB5	RGB 213 111 181	#D56FB5
83.3%	83.3% #CF5DAA	RGB 207 93 170	#CF5DAA
100.0%	100.0% #C94B9F	RGB 201 75 159	#C94B9F

#EEB7E2 #E7A5D6 #E193CB #DB81C0 #D56FB5 #CF5DAA #C94B9F

#EEB7E2 - #C94B9F

HSV Blend

#EEB7E2 - #C94B9F | 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 #EEB7E2 as 0% and #C94B9F as 100%.

0.0%	0.0% #EEB7E2	RGB 238 183 226	#EEB7E2
16.7%	16.7% #E7A2D7	RGB 231 162 215	#E7A2D7
33.3%	33.3% #E18FCC	RGB 225 143 204	#E18FCC
50.0%	50.0% #DB7DC1	RGB 219 125 193	#DB7DC1
66.7%	66.7% #D56BB6	RGB 213 107 182	#D56BB6
83.3%	83.3% #CF5AAA	RGB 207 90 170	#CF5AAA
100.0%	100.0% #C94B9F	RGB 201 75 159	#C94B9F

#EEB7E2 #E7A2D7 #E18FCC #DB7DC1 #D56BB6 #CF5AAA #C94B9F

#EEB7E2 - #DB7DC1 - #C94B9F

CSS codes

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

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