#BF84BC - #EBDBEC | 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 #BF84BC to #EBDBEC

#BF84BC #EBDBEC

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

#BF84BC - #EBDBEC | 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 #BF84BC as 0% and #EBDBEC as 100%.

0.0%	0.0% #BF84BC	RGB 191 132 188	#BF84BC
16.7%	16.7% #C692C4	RGB 198 146 196	#C692C4
33.3%	33.3% #CDA1CC	RGB 205 161 204	#CDA1CC
50.0%	50.0% #D5AFD4	RGB 213 175 212	#D5AFD4
66.7%	66.7% #DCBEDC	RGB 220 190 220	#DCBEDC
83.3%	83.3% #E3CCE4	RGB 227 204 228	#E3CCE4
100.0%	100.0% #EBDBEC	RGB 235 219 236	#EBDBEC

#BF84BC #C692C4 #CDA1CC #D5AFD4 #DCBEDC #E3CCE4 #EBDBEC

#BF84BC - #EBDBEC

HSV Blend

#BF84BC - #EBDBEC | 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 #BF84BC as 0% and #EBDBEC as 100%.

0.0%	0.0% #BF84BC	RGB 191 132 188	#BF84BC
16.7%	16.7% #C691C4	RGB 198 145 196	#C691C4
33.3%	33.3% #CE9ECD	RGB 206 158 205	#CE9ECD
50.0%	50.0% #D5ACD5	RGB 213 172 213	#D5ACD5
66.7%	66.7% #DCBBDD	RGB 220 187 221	#DCBBDD
83.3%	83.3% #E3CBE4	RGB 227 203 228	#E3CBE4
100.0%	100.0% #EBDBEC	RGB 235 219 236	#EBDBEC

#BF84BC #C691C4 #CE9ECD #D5ACD5 #DCBBDD #E3CBE4 #EBDBEC

#BF84BC - #D5ACD5 - #EBDBEC

CSS codes

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

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