#ECDBFF - #C58BE9 | 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 #ECDBFF to #C58BE9

#ECDBFF #C58BE9

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

#ECDBFF - #C58BE9 | 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 #ECDBFF as 0% and #C58BE9 as 100%.

0.0%	0.0% #ECDBFF	RGB 236 219 255	#ECDBFF
16.7%	16.7% #E5CDFB	RGB 229 205 251	#E5CDFB
33.3%	33.3% #DFC0F7	RGB 223 192 247	#DFC0F7
50.0%	50.0% #D8B3F4	RGB 216 179 244	#D8B3F4
66.7%	66.7% #D2A5F0	RGB 210 165 240	#D2A5F0
83.3%	83.3% #CB98EC	RGB 203 152 236	#CB98EC
100.0%	100.0% #C58BE9	RGB 197 139 233	#C58BE9

#ECDBFF #E5CDFB #DFC0F7 #D8B3F4 #D2A5F0 #CB98EC #C58BE9

#ECDBFF - #C58BE9

HSV Blend

#ECDBFF - #C58BE9 | 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 #ECDBFF as 0% and #C58BE9 as 100%.

0.0%	0.0% #ECDBFF	RGB 236 219 255	#ECDBFF
16.7%	16.7% #E3CCFB	RGB 227 204 251	#E3CCFB
33.3%	33.3% #DCBFF7	RGB 220 191 247	#DCBFF7
50.0%	50.0% #D5B1F4	RGB 213 177 244	#D5B1F4
66.7%	66.7% #CFA4F0	RGB 207 164 240	#CFA4F0
83.3%	83.3% #CA97EC	RGB 202 151 236	#CA97EC
100.0%	100.0% #C58BE9	RGB 197 139 233	#C58BE9

#ECDBFF #E3CCFB #DCBFF7 #D5B1F4 #CFA4F0 #CA97EC #C58BE9

#ECDBFF - #D5B1F4 - #C58BE9

CSS codes

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

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