#E5CCEE - #BC65C4 | 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 #E5CCEE to #BC65C4

#E5CCEE #BC65C4

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

#E5CCEE - #BC65C4 | 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 #E5CCEE as 0% and #BC65C4 as 100%.

0.0%	0.0% #E5CCEE	RGB 229 204 238	#E5CCEE
16.7%	16.7% #DEBAE7	RGB 222 186 231	#DEBAE7
33.3%	33.3% #D7A9E0	RGB 215 169 224	#D7A9E0
50.0%	50.0% #D098D9	RGB 208 152 217	#D098D9
66.7%	66.7% #C987D2	RGB 201 135 210	#C987D2
83.3%	83.3% #C276CB	RGB 194 118 203	#C276CB
100.0%	100.0% #BC65C4	RGB 188 101 196	#BC65C4

#E5CCEE #DEBAE7 #D7A9E0 #D098D9 #C987D2 #C276CB #BC65C4

#E5CCEE - #BC65C4

HSV Blend

#E5CCEE - #BC65C4 | 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 #E5CCEE as 0% and #BC65C4 as 100%.

0.0%	0.0% #E5CCEE	RGB 229 204 238	#E5CCEE
16.7%	16.7% #DCB8E7	RGB 220 184 231	#DCB8E7
33.3%	33.3% #D4A6E0	RGB 212 166 224	#D4A6E0
50.0%	50.0% #CD94D9	RGB 205 148 217	#CD94D9
66.7%	66.7% #C684D2	RGB 198 132 210	#C684D2
83.3%	83.3% #C174CB	RGB 193 116 203	#C174CB
100.0%	100.0% #BC65C4	RGB 188 101 196	#BC65C4

#E5CCEE #DCB8E7 #D4A6E0 #CD94D9 #C684D2 #C174CB #BC65C4

#E5CCEE - #CD94D9 - #BC65C4

CSS codes

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

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