#A49EFF - #DCDAEC | 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 #A49EFF to #DCDAEC

#A49EFF #DCDAEC

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

#A49EFF - #DCDAEC | 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 #A49EFF as 0% and #DCDAEC as 100%.

0.0%	0.0% #A49EFF	RGB 164 158 255	#A49EFF
16.7%	16.7% #ADA8FB	RGB 173 168 251	#ADA8FB
33.3%	33.3% #B6B2F8	RGB 182 178 248	#B6B2F8
50.0%	50.0% #C0BCF5	RGB 192 188 245	#C0BCF5
66.7%	66.7% #C9C6F2	RGB 201 198 242	#C9C6F2
83.3%	83.3% #D2D0EF	RGB 210 208 239	#D2D0EF
100.0%	100.0% #DCDAEC	RGB 220 218 236	#DCDAEC

#A49EFF #ADA8FB #B6B2F8 #C0BCF5 #C9C6F2 #D2D0EF #DCDAEC

#A49EFF - #DCDAEC

HSV Blend

#A49EFF - #DCDAEC | 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 #A49EFF as 0% and #DCDAEC as 100%.

0.0%	0.0% #A49EFF	RGB 164 158 255	#A49EFF
16.7%	16.7% #AEA8FB	RGB 174 168 251	#AEA8FB
33.3%	33.3% #B8B3F8	RGB 184 179 248	#B8B3F8
50.0%	50.0% #C2BDF5	RGB 194 189 245	#C2BDF5
66.7%	66.7% #CBC7F2	RGB 203 199 242	#CBC7F2
83.3%	83.3% #D3D0EF	RGB 211 208 239	#D3D0EF
100.0%	100.0% #DCDAEC	RGB 220 218 236	#DCDAEC

#A49EFF #AEA8FB #B8B3F8 #C2BDF5 #CBC7F2 #D3D0EF #DCDAEC

#A49EFF - #C2BDF5 - #DCDAEC

CSS codes

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

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