#ECDBFE - #A482CB | 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 #ECDBFE to #A482CB

#ECDBFE #A482CB

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

#ECDBFE - #A482CB | 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 #ECDBFE as 0% and #A482CB as 100%.

0.0%	0.0% #ECDBFE	RGB 236 219 254	#ECDBFE
16.7%	16.7% #E0CCF5	RGB 224 204 245	#E0CCF5
33.3%	33.3% #D4BDED	RGB 212 189 237	#D4BDED
50.0%	50.0% #C8AEE4	RGB 200 174 228	#C8AEE4
66.7%	66.7% #BC9FDC	RGB 188 159 220	#BC9FDC
83.3%	83.3% #B090D3	RGB 176 144 211	#B090D3
100.0%	100.0% #A482CB	RGB 164 130 203	#A482CB

#ECDBFE #E0CCF5 #D4BDED #C8AEE4 #BC9FDC #B090D3 #A482CB

#ECDBFE - #A482CB

HSV Blend

#ECDBFE - #A482CB | 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 #ECDBFE as 0% and #A482CB as 100%.

0.0%	0.0% #ECDBFE	RGB 236 219 254	#ECDBFE
16.7%	16.7% #DFCAF5	RGB 223 202 245	#DFCAF5
33.3%	33.3% #D2BAED	RGB 210 186 237	#D2BAED
50.0%	50.0% #C6ABE4	RGB 198 171 228	#C6ABE4
66.7%	66.7% #BA9DDC	RGB 186 157 220	#BA9DDC
83.3%	83.3% #AF8FD3	RGB 175 143 211	#AF8FD3
100.0%	100.0% #A482CB	RGB 164 130 203	#A482CB

#ECDBFE #DFCAF5 #D2BAED #C6ABE4 #BA9DDC #AF8FD3 #A482CB

#ECDBFE - #C6ABE4 - #A482CB

CSS codes

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

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