#A185FE - #ECDDFB | 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 #A185FE to #ECDDFB

#A185FE #ECDDFB

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

#A185FE - #ECDDFB | 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 #A185FE as 0% and #ECDDFB as 100%.

0.0%	0.0% #A185FE	RGB 161 133 254	#A185FE
16.7%	16.7% #AD93FD	RGB 173 147 253	#AD93FD
33.3%	33.3% #BAA2FD	RGB 186 162 253	#BAA2FD
50.0%	50.0% #C6B1FC	RGB 198 177 252	#C6B1FC
66.7%	66.7% #D3BFFC	RGB 211 191 252	#D3BFFC
83.3%	83.3% #DFCEFB	RGB 223 206 251	#DFCEFB
100.0%	100.0% #ECDDFB	RGB 236 221 251	#ECDDFB

#A185FE #AD93FD #BAA2FD #C6B1FC #D3BFFC #DFCEFB #ECDDFB

#A185FE - #ECDDFB

HSV Blend

#A185FE - #ECDDFB | 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 #A185FE as 0% and #ECDDFB as 100%.

0.0%	0.0% #A185FE	RGB 161 133 254	#A185FE
16.7%	16.7% #B193FD	RGB 177 147 253	#B193FD
33.3%	33.3% #BFA2FD	RGB 191 162 253	#BFA2FD
50.0%	50.0% #CCB1FC	RGB 204 177 252	#CCB1FC
66.7%	66.7% #D8BFFC	RGB 216 191 252	#D8BFFC
83.3%	83.3% #E2CEFB	RGB 226 206 251	#E2CEFB
100.0%	100.0% #ECDDFB	RGB 236 221 251	#ECDDFB

#A185FE #B193FD #BFA2FD #CCB1FC #D8BFFC #E2CEFB #ECDDFB

#A185FE - #CCB1FC - #ECDDFB

CSS codes

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

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