#E8B4D2 - #BF5E8D | 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 #E8B4D2 to #BF5E8D

#E8B4D2 #BF5E8D

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

#E8B4D2 - #BF5E8D | 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 #E8B4D2 as 0% and #BF5E8D as 100%.

0.0%	0.0% #E8B4D2	RGB 232 180 210	#E8B4D2
16.7%	16.7% #E1A5C6	RGB 225 165 198	#E1A5C6
33.3%	33.3% #DA97BB	RGB 218 151 187	#DA97BB
50.0%	50.0% #D389AF	RGB 211 137 175	#D389AF
66.7%	66.7% #CC7AA4	RGB 204 122 164	#CC7AA4
83.3%	83.3% #C56C98	RGB 197 108 152	#C56C98
100.0%	100.0% #BF5E8D	RGB 191 94 141	#BF5E8D

#E8B4D2 #E1A5C6 #DA97BB #D389AF #CC7AA4 #C56C98 #BF5E8D

#E8B4D2 - #BF5E8D

HSV Blend

#E8B4D2 - #BF5E8D | 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 #E8B4D2 as 0% and #BF5E8D as 100%.

0.0%	0.0% #E8B4D2	RGB 232 180 210	#E8B4D2
16.7%	16.7% #E1A4C6	RGB 225 164 198	#E1A4C6
33.3%	33.3% #DA94BA	RGB 218 148 186	#DA94BA
50.0%	50.0% #D386AF	RGB 211 134 175	#D386AF
66.7%	66.7% #CC78A3	RGB 204 120 163	#CC78A3
83.3%	83.3% #C56A98	RGB 197 106 152	#C56A98
100.0%	100.0% #BF5E8D	RGB 191 94 141	#BF5E8D

#E8B4D2 #E1A4C6 #DA94BA #D386AF #CC78A3 #C56A98 #BF5E8D

#E8B4D2 - #D386AF - #BF5E8D

CSS codes

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

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