#E29CFF - #B5C0FF | 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 #E29CFF to #B5C0FF

#E29CFF #B5C0FF

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

#E29CFF - #B5C0FF | 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 #E29CFF as 0% and #B5C0FF as 100%.

0.0%	0.0% #E29CFF	RGB 226 156 255	#E29CFF
16.7%	16.7% #DAA2FF	RGB 218 162 255	#DAA2FF
33.3%	33.3% #D3A8FF	RGB 211 168 255	#D3A8FF
50.0%	50.0% #CBAEFF	RGB 203 174 255	#CBAEFF
66.7%	66.7% #C4B4FF	RGB 196 180 255	#C4B4FF
83.3%	83.3% #BCBAFF	RGB 188 186 255	#BCBAFF
100.0%	100.0% #B5C0FF	RGB 181 192 255	#B5C0FF

#E29CFF #DAA2FF #D3A8FF #CBAEFF #C4B4FF #BCBAFF #B5C0FF

#E29CFF - #B5C0FF

HSV Blend

#E29CFF - #B5C0FF | 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 #E29CFF as 0% and #B5C0FF as 100%.

0.0%	0.0% #E29CFF	RGB 226 156 255	#E29CFF
16.7%	16.7% #D5A0FF	RGB 213 160 255	#D5A0FF
33.3%	33.3% #CAA4FF	RGB 202 164 255	#CAA4FF
50.0%	50.0% #C0A8FF	RGB 192 168 255	#C0A8FF
66.7%	66.7% #B7ACFF	RGB 183 172 255	#B7ACFF
83.3%	83.3% #B0B1FF	RGB 176 177 255	#B0B1FF
100.0%	100.0% #B5C0FF	RGB 181 192 255	#B5C0FF

#E29CFF #D5A0FF #CAA4FF #C0A8FF #B7ACFF #B0B1FF #B5C0FF

#E29CFF - #C0A8FF - #B5C0FF

CSS codes

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

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