#E7BFD7 - #BF5F90 | 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 #E7BFD7 to #BF5F90

#E7BFD7 #BF5F90

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

#E7BFD7 - #BF5F90 | 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 #E7BFD7 as 0% and #BF5F90 as 100%.

0.0%	0.0% #E7BFD7	RGB 231 191 215	#E7BFD7
16.7%	16.7% #E0AFCB	RGB 224 175 203	#E0AFCB
33.3%	33.3% #D99FBF	RGB 217 159 191	#D99FBF
50.0%	50.0% #D38FB3	RGB 211 143 179	#D38FB3
66.7%	66.7% #CC7FA7	RGB 204 127 167	#CC7FA7
83.3%	83.3% #C56F9B	RGB 197 111 155	#C56F9B
100.0%	100.0% #BF5F90	RGB 191 95 144	#BF5F90

#E7BFD7 #E0AFCB #D99FBF #D38FB3 #CC7FA7 #C56F9B #BF5F90

#E7BFD7 - #BF5F90

HSV Blend

#E7BFD7 - #BF5F90 | 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 #E7BFD7 as 0% and #BF5F90 as 100%.

0.0%	0.0% #E7BFD7	RGB 231 191 215	#E7BFD7
16.7%	16.7% #E0ADCB	RGB 224 173 203	#E0ADCB
33.3%	33.3% #D99CBF	RGB 217 156 191	#D99CBF
50.0%	50.0% #D38BB3	RGB 211 139 179	#D38BB3
66.7%	66.7% #CC7CA7	RGB 204 124 167	#CC7CA7
83.3%	83.3% #C56D9B	RGB 197 109 155	#C56D9B
100.0%	100.0% #BF5F90	RGB 191 95 144	#BF5F90

#E7BFD7 #E0ADCB #D99CBF #D38BB3 #CC7CA7 #C56D9B #BF5F90

#E7BFD7 - #D38BB3 - #BF5F90

CSS codes

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

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