#BF81BC - #ECDBEB | 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 #BF81BC to #ECDBEB

#BF81BC #ECDBEB

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

#BF81BC - #ECDBEB | 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 #BF81BC as 0% and #ECDBEB as 100%.

0.0%	0.0% #BF81BC	RGB 191 129 188	#BF81BC
16.7%	16.7% #C690C3	RGB 198 144 195	#C690C3
33.3%	33.3% #CE9FCB	RGB 206 159 203	#CE9FCB
50.0%	50.0% #D5AED3	RGB 213 174 211	#D5AED3
66.7%	66.7% #DDBDDB	RGB 221 189 219	#DDBDDB
83.3%	83.3% #E4CCE3	RGB 228 204 227	#E4CCE3
100.0%	100.0% #ECDBEB	RGB 236 219 235	#ECDBEB

#BF81BC #C690C3 #CE9FCB #D5AED3 #DDBDDB #E4CCE3 #ECDBEB

#BF81BC - #ECDBEB

HSV Blend

#BF81BC - #ECDBEB | 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 #BF81BC as 0% and #ECDBEB as 100%.

0.0%	0.0% #BF81BC	RGB 191 129 188	#BF81BC
16.7%	16.7% #C68EC3	RGB 198 142 195	#C68EC3
33.3%	33.3% #CE9CCB	RGB 206 156 203	#CE9CCB
50.0%	50.0% #D5ABD3	RGB 213 171 211	#D5ABD3
66.7%	66.7% #DDBADB	RGB 221 186 219	#DDBADB
83.3%	83.3% #E4CAE3	RGB 228 202 227	#E4CAE3
100.0%	100.0% #ECDBEB	RGB 236 219 235	#ECDBEB

#BF81BC #C68EC3 #CE9CCB #D5ABD3 #DDBADB #E4CAE3 #ECDBEB

#BF81BC - #D5ABD3 - #ECDBEB

CSS codes

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

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