#B26BFF - #EC94F0 | 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 #B26BFF to #EC94F0

#B26BFF #EC94F0

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

#B26BFF - #EC94F0 | 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 #B26BFF as 0% and #EC94F0 as 100%.

0.0%	0.0% #B26BFF	RGB 178 107 255	#B26BFF
16.7%	16.7% #BB71FC	RGB 187 113 252	#BB71FC
33.3%	33.3% #C578FA	RGB 197 120 250	#C578FA
50.0%	50.0% #CF7FF7	RGB 207 127 247	#CF7FF7
66.7%	66.7% #D886F5	RGB 216 134 245	#D886F5
83.3%	83.3% #E28DF2	RGB 226 141 242	#E28DF2
100.0%	100.0% #EC94F0	RGB 236 148 240	#EC94F0

#B26BFF #BB71FC #C578FA #CF7FF7 #D886F5 #E28DF2 #EC94F0

#B26BFF - #EC94F0

HSV Blend

#B26BFF - #EC94F0 | 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 #B26BFF as 0% and #EC94F0 as 100%.

0.0%	0.0% #B16BFF	RGB 177 107 255	#B16BFF
16.7%	16.7% #BF72FC	RGB 191 114 252	#BF72FC
33.3%	33.3% #CB79FA	RGB 203 121 250	#CB79FA
50.0%	50.0% #D580F7	RGB 213 128 247	#D580F7
66.7%	66.7% #DE86F5	RGB 222 134 245	#DE86F5
83.3%	83.3% #E68DF2	RGB 230 141 242	#E68DF2
100.0%	100.0% #EC94F0	RGB 236 148 240	#EC94F0

#B16BFF #BF72FC #CB79FA #D580F7 #DE86F5 #E68DF2 #EC94F0

#B26BFF - #D580F7 - #EC94F0

CSS codes

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

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