#BF82C0 - #ECDBED | 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 #BF82C0 to #ECDBED

#BF82C0 #ECDBED

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

#BF82C0 - #ECDBED | 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 #BF82C0 as 0% and #ECDBED as 100%.

0.0%	0.0% #BF82C0	RGB 191 130 192	#BF82C0
16.7%	16.7% #C690C7	RGB 198 144 199	#C690C7
33.3%	33.3% #CE9FCF	RGB 206 159 207	#CE9FCF
50.0%	50.0% #D5AED6	RGB 213 174 214	#D5AED6
66.7%	66.7% #DDBDDE	RGB 221 189 222	#DDBDDE
83.3%	83.3% #E4CCE5	RGB 228 204 229	#E4CCE5
100.0%	100.0% #ECDBED	RGB 236 219 237	#ECDBED

#BF82C0 #C690C7 #CE9FCF #D5AED6 #DDBDDE #E4CCE5 #ECDBED

#BF82C0 - #ECDBED

HSV Blend

#BF82C0 - #ECDBED | 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 #BF82C0 as 0% and #ECDBED as 100%.

0.0%	0.0% #BF82C0	RGB 191 130 192	#BF82C0
16.7%	16.7% #C68FC7	RGB 198 143 199	#C68FC7
33.3%	33.3% #CD9DCF	RGB 205 157 207	#CD9DCF
50.0%	50.0% #D4ABD6	RGB 212 171 214	#D4ABD6
66.7%	66.7% #DCBADE	RGB 220 186 222	#DCBADE
83.3%	83.3% #E4CAE5	RGB 228 202 229	#E4CAE5
100.0%	100.0% #ECDBED	RGB 236 219 237	#ECDBED

#BF82C0 #C68FC7 #CD9DCF #D4ABD6 #DCBADE #E4CAE5 #ECDBED

#BF82C0 - #D4ABD6 - #ECDBED

CSS codes

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

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