#BF84AB - #ECDBE7 | 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 #BF84AB to #ECDBE7

#BF84AB #ECDBE7

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

#BF84AB - #ECDBE7 | 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 #BF84AB as 0% and #ECDBE7 as 100%.

0.0%	0.0% #BF84AB	RGB 191 132 171	#BF84AB
16.7%	16.7% #C692B5	RGB 198 146 181	#C692B5
33.3%	33.3% #CEA1BF	RGB 206 161 191	#CEA1BF
50.0%	50.0% #D5AFC9	RGB 213 175 201	#D5AFC9
66.7%	66.7% #DDBED3	RGB 221 190 211	#DDBED3
83.3%	83.3% #E4CCDD	RGB 228 204 221	#E4CCDD
100.0%	100.0% #ECDBE7	RGB 236 219 231	#ECDBE7

#BF84AB #C692B5 #CEA1BF #D5AFC9 #DDBED3 #E4CCDD #ECDBE7

#BF84AB - #ECDBE7

HSV Blend

#BF84AB - #ECDBE7 | 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 #BF84AB as 0% and #ECDBE7 as 100%.

0.0%	0.0% #BF84AA	RGB 191 132 170	#BF84AA
16.7%	16.7% #C691B4	RGB 198 145 180	#C691B4
33.3%	33.3% #CE9EBE	RGB 206 158 190	#CE9EBE
50.0%	50.0% #D5ACC8	RGB 213 172 200	#D5ACC8
66.7%	66.7% #DDBBD2	RGB 221 187 210	#DDBBD2
83.3%	83.3% #E4CBDC	RGB 228 203 220	#E4CBDC
100.0%	100.0% #ECDBE7	RGB 236 219 231	#ECDBE7

#BF84AA #C691B4 #CE9EBE #D5ACC8 #DDBBD2 #E4CBDC #ECDBE7

#BF84AB - #D5ACC8 - #ECDBE7

CSS codes

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

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