#EDECFF - #A19ECB | 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 #EDECFF to #A19ECB

#EDECFF #A19ECB

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

#EDECFF - #A19ECB | 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 #EDECFF as 0% and #A19ECB as 100%.

0.0%	0.0% #EDECFF	RGB 237 236 255	#EDECFF
16.7%	16.7% #E0DFF6	RGB 224 223 246	#E0DFF6
33.3%	33.3% #D3D2ED	RGB 211 210 237	#D3D2ED
50.0%	50.0% #C7C5E5	RGB 199 197 229	#C7C5E5
66.7%	66.7% #BAB8DC	RGB 186 184 220	#BAB8DC
83.3%	83.3% #ADABD3	RGB 173 171 211	#ADABD3
100.0%	100.0% #A19ECB	RGB 161 158 203	#A19ECB

#EDECFF #E0DFF6 #D3D2ED #C7C5E5 #BAB8DC #ADABD3 #A19ECB

#EDECFF - #A19ECB

HSV Blend

#EDECFF - #A19ECB | 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 #EDECFF as 0% and #A19ECB as 100%.

0.0%	0.0% #EDECFF	RGB 237 236 255	#EDECFF
16.7%	16.7% #DFDDF6	RGB 223 221 246	#DFDDF6
33.3%	33.3% #D1D0ED	RGB 209 208 237	#D1D0ED
50.0%	50.0% #C5C3E5	RGB 197 195 229	#C5C3E5
66.7%	66.7% #B8B6DC	RGB 184 182 220	#B8B6DC
83.3%	83.3% #ACA9D3	RGB 172 169 211	#ACA9D3
100.0%	100.0% #A19ECB	RGB 161 158 203	#A19ECB

#EDECFF #DFDDF6 #D1D0ED #C5C3E5 #B8B6DC #ACA9D3 #A19ECB

#EDECFF - #C5C3E5 - #A19ECB

CSS codes

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

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