#E8B4E2 - #BF5EAB | 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 #E8B4E2 to #BF5EAB

#E8B4E2 #BF5EAB

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

#E8B4E2 - #BF5EAB | 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 #E8B4E2 as 0% and #BF5EAB as 100%.

0.0%	0.0% #E8B4E2	RGB 232 180 226	#E8B4E2
16.7%	16.7% #E1A5D8	RGB 225 165 216	#E1A5D8
33.3%	33.3% #DA97CF	RGB 218 151 207	#DA97CF
50.0%	50.0% #D389C6	RGB 211 137 198	#D389C6
66.7%	66.7% #CC7ABD	RGB 204 122 189	#CC7ABD
83.3%	83.3% #C56CB4	RGB 197 108 180	#C56CB4
100.0%	100.0% #BF5EAB	RGB 191 94 171	#BF5EAB

#E8B4E2 #E1A5D8 #DA97CF #D389C6 #CC7ABD #C56CB4 #BF5EAB

#E8B4E2 - #BF5EAB

HSV Blend

#E8B4E2 - #BF5EAB | 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 #E8B4E2 as 0% and #BF5EAB as 100%.

0.0%	0.0% #E8B4E2	RGB 232 180 226	#E8B4E2
16.7%	16.7% #E1A4D9	RGB 225 164 217	#E1A4D9
33.3%	33.3% #DA94D0	RGB 218 148 208	#DA94D0
50.0%	50.0% #D386C7	RGB 211 134 199	#D386C7
66.7%	66.7% #CC78BD	RGB 204 120 189	#CC78BD
83.3%	83.3% #C56AB4	RGB 197 106 180	#C56AB4
100.0%	100.0% #BF5EAB	RGB 191 94 171	#BF5EAB

#E8B4E2 #E1A4D9 #DA94D0 #D386C7 #CC78BD #C56AB4 #BF5EAB

#E8B4E2 - #D386C7 - #BF5EAB

CSS codes

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

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