#E5ADFF - #CAECE7 | 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 #E5ADFF to #CAECE7

#E5ADFF #CAECE7

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

#E5ADFF - #CAECE7 | 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 #E5ADFF as 0% and #CAECE7 as 100%.

0.0%	0.0% #E5ADFF	RGB 229 173 255	#E5ADFF
16.7%	16.7% #E0B7FB	RGB 224 183 251	#E0B7FB
33.3%	33.3% #DCC2F7	RGB 220 194 247	#DCC2F7
50.0%	50.0% #D7CCF3	RGB 215 204 243	#D7CCF3
66.7%	66.7% #D3D7EF	RGB 211 215 239	#D3D7EF
83.3%	83.3% #CEE1EB	RGB 206 225 235	#CEE1EB
100.0%	100.0% #CAECE7	RGB 202 236 231	#CAECE7

#E5ADFF #E0B7FB #DCC2F7 #D7CCF3 #D3D7EF #CEE1EB #CAECE7

#E5ADFF - #CAECE7

HSV Blend

#E5ADFF - #CAECE7 | 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 #E5ADFF as 0% and #CAECE7 as 100%.

0.0%	0.0% #E5ADFF	RGB 229 173 255	#E5ADFF
16.7%	16.7% #CEB2FB	RGB 206 178 251	#CEB2FB
33.3%	33.3% #BCB7F8	RGB 188 183 248	#BCB7F8
50.0%	50.0% #BCC9F5	RGB 188 201 245	#BCC9F5
66.7%	66.7% #C1DBF2	RGB 193 219 242	#C1DBF2
83.3%	83.3% #C5E8EF	RGB 197 232 239	#C5E8EF
100.0%	100.0% #CAECE7	RGB 202 236 231	#CAECE7

#E5ADFF #CEB2FB #BCB7F8 #BCC9F5 #C1DBF2 #C5E8EF #CAECE7

#E5ADFF - #BCC9F5 - #CAECE7

CSS codes

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

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