#E48CFF - #B2F2FF | 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 #E48CFF to #B2F2FF

#E48CFF #B2F2FF

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

#E48CFF - #B2F2FF | 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 #E48CFF as 0% and #B2F2FF as 100%.

0.0%	0.0% #E48CFF	RGB 228 140 255	#E48CFF
16.7%	16.7% #DB9DFF	RGB 219 157 255	#DB9DFF
33.3%	33.3% #D3AEFF	RGB 211 174 255	#D3AEFF
50.0%	50.0% #CBBFFF	RGB 203 191 255	#CBBFFF
66.7%	66.7% #C2D0FF	RGB 194 208 255	#C2D0FF
83.3%	83.3% #BAE1FF	RGB 186 225 255	#BAE1FF
100.0%	100.0% #B2F2FF	RGB 178 242 255	#B2F2FF

#E48CFF #DB9DFF #D3AEFF #CBBFFF #C2D0FF #BAE1FF #B2F2FF

#E48CFF - #B2F2FF

HSV Blend

#E48CFF - #B2F2FF | 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 #E48CFF as 0% and #B2F2FF as 100%.

0.0%	0.0% #E48CFF	RGB 228 140 255	#E48CFF
16.7%	16.7% #C892FF	RGB 200 146 255	#C892FF
33.3%	33.3% #B098FF	RGB 176 152 255	#B098FF
50.0%	50.0% #9FA2FF	RGB 159 162 255	#9FA2FF
66.7%	66.7% #A5C0FF	RGB 165 192 255	#A5C0FF
83.3%	83.3% #ABDAFF	RGB 171 218 255	#ABDAFF
100.0%	100.0% #B2F2FF	RGB 178 242 255	#B2F2FF

#E48CFF #C892FF #B098FF #9FA2FF #A5C0FF #ABDAFF #B2F2FF

#E48CFF - #9FA2FF - #B2F2FF

CSS codes

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

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