#B056D6 - #E8CEF3 | 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 #B056D6 to #E8CEF3

#B056D6 #E8CEF3

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

#B056D6 - #E8CEF3 | 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 #B056D6 as 0% and #E8CEF3 as 100%.

0.0%	0.0% #B056D6	RGB 176 86 214	#B056D6
16.7%	16.7% #B96ADA	RGB 185 106 218	#B96ADA
33.3%	33.3% #C27EDF	RGB 194 126 223	#C27EDF
50.0%	50.0% #CC92E4	RGB 204 146 228	#CC92E4
66.7%	66.7% #D5A6E9	RGB 213 166 233	#D5A6E9
83.3%	83.3% #DEBAEE	RGB 222 186 238	#DEBAEE
100.0%	100.0% #E8CEF3	RGB 232 206 243	#E8CEF3

#B056D6 #B96ADA #C27EDF #CC92E4 #D5A6E9 #DEBAEE #E8CEF3

#B056D6 - #E8CEF3

HSV Blend

#B056D6 - #E8CEF3 | 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 #B056D6 as 0% and #E8CEF3 as 100%.

0.0%	0.0% #AF55D6	RGB 175 85 214	#AF55D6
16.7%	16.7% #B868DA	RGB 184 104 218	#B868DA
33.3%	33.3% #C17BDF	RGB 193 123 223	#C17BDF
50.0%	50.0% #CB8EE4	RGB 203 142 228	#CB8EE4
66.7%	66.7% #D4A3E9	RGB 212 163 233	#D4A3E9
83.3%	83.3% #DEB8EE	RGB 222 184 238	#DEB8EE
100.0%	100.0% #E8CEF3	RGB 232 206 243	#E8CEF3

#AF55D6 #B868DA #C17BDF #CB8EE4 #D4A3E9 #DEB8EE #E8CEF3

#B056D6 - #CB8EE4 - #E8CEF3

CSS codes

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

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