#EEB7E3 - #C94BA0 | 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 #EEB7E3 to #C94BA0

#EEB7E3 #C94BA0

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

#EEB7E3 - #C94BA0 | 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 #EEB7E3 as 0% and #C94BA0 as 100%.

0.0%	0.0% #EEB7E3	RGB 238 183 227	#EEB7E3
16.7%	16.7% #E7A5D7	RGB 231 165 215	#E7A5D7
33.3%	33.3% #E193CC	RGB 225 147 204	#E193CC
50.0%	50.0% #DB81C1	RGB 219 129 193	#DB81C1
66.7%	66.7% #D56FB6	RGB 213 111 182	#D56FB6
83.3%	83.3% #CF5DAB	RGB 207 93 171	#CF5DAB
100.0%	100.0% #C94BA0	RGB 201 75 160	#C94BA0

#EEB7E3 #E7A5D7 #E193CC #DB81C1 #D56FB6 #CF5DAB #C94BA0

#EEB7E3 - #C94BA0

HSV Blend

#EEB7E3 - #C94BA0 | 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 #EEB7E3 as 0% and #C94BA0 as 100%.

0.0%	0.0% #EEB7E3	RGB 238 183 227	#EEB7E3
16.7%	16.7% #E7A2D8	RGB 231 162 216	#E7A2D8
33.3%	33.3% #E18FCD	RGB 225 143 205	#E18FCD
50.0%	50.0% #DB7DC2	RGB 219 125 194	#DB7DC2
66.7%	66.7% #D56BB7	RGB 213 107 183	#D56BB7
83.3%	83.3% #CF5AAB	RGB 207 90 171	#CF5AAB
100.0%	100.0% #C94BA0	RGB 201 75 160	#C94BA0

#EEB7E3 #E7A2D8 #E18FCD #DB7DC2 #D56BB7 #CF5AAB #C94BA0

#EEB7E3 - #DB7DC2 - #C94BA0

CSS codes

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

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