#ECDFEB - #A382B6 | 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 #ECDFEB to #A382B6

#ECDFEB #A382B6

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

#ECDFEB - #A382B6 | 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 #ECDFEB as 0% and #A382B6 as 100%.

0.0%	0.0% #ECDFEB	RGB 236 223 235	#ECDFEB
16.7%	16.7% #DFCFE2	RGB 223 207 226	#DFCFE2
33.3%	33.3% #D3C0D9	RGB 211 192 217	#D3C0D9
50.0%	50.0% #C7B0D0	RGB 199 176 208	#C7B0D0
66.7%	66.7% #BBA1C7	RGB 187 161 199	#BBA1C7
83.3%	83.3% #AF91BE	RGB 175 145 190	#AF91BE
100.0%	100.0% #A382B6	RGB 163 130 182	#A382B6

#ECDFEB #DFCFE2 #D3C0D9 #C7B0D0 #BBA1C7 #AF91BE #A382B6

#ECDFEB - #A382B6

HSV Blend

#ECDFEB - #A382B6 | 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 #ECDFEB as 0% and #A382B6 as 100%.

0.0%	0.0% #ECDFEB	RGB 236 223 235	#ECDFEB
16.7%	16.7% #E3CDE2	RGB 227 205 226	#E3CDE2
33.3%	33.3% #D7BDDA	RGB 215 189 218	#D7BDDA
50.0%	50.0% #CBADD1	RGB 203 173 209	#CBADD1
66.7%	66.7% #BE9EC8	RGB 190 158 200	#BE9EC8
83.3%	83.3% #B18FBF	RGB 177 143 191	#B18FBF
100.0%	100.0% #A382B6	RGB 163 130 182	#A382B6

#ECDFEB #E3CDE2 #D7BDDA #CBADD1 #BE9EC8 #B18FBF #A382B6

#ECDFEB - #CBADD1 - #A382B6

CSS codes

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

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