#A98DCB - #E2ABFF | 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 #A98DCB to #E2ABFF

#A98DCB #E2ABFF

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

#A98DCB - #E2ABFF | 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 #A98DCB as 0% and #E2ABFF as 100%.

0.0%	0.0% #A98DCB	RGB 169 141 203	#A98DCB
16.7%	16.7% #B292D3	RGB 178 146 211	#B292D3
33.3%	33.3% #BC97DC	RGB 188 151 220	#BC97DC
50.0%	50.0% #C59CE5	RGB 197 156 229	#C59CE5
66.7%	66.7% #CFA1ED	RGB 207 161 237	#CFA1ED
83.3%	83.3% #D8A6F6	RGB 216 166 246	#D8A6F6
100.0%	100.0% #E2ABFF	RGB 226 171 255	#E2ABFF

#A98DCB #B292D3 #BC97DC #C59CE5 #CFA1ED #D8A6F6 #E2ABFF

#A98DCB - #E2ABFF

HSV Blend

#A98DCB - #E2ABFF | 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 #A98DCB as 0% and #E2ABFF as 100%.

0.0%	0.0% #A98DCB	RGB 169 141 203	#A98DCB
16.7%	16.7% #B192D3	RGB 177 146 211	#B192D3
33.3%	33.3% #BB97DC	RGB 187 151 220	#BB97DC
50.0%	50.0% #C49CE5	RGB 196 156 229	#C49CE5
66.7%	66.7% #CEA1ED	RGB 206 161 237	#CEA1ED
83.3%	83.3% #D7A6F6	RGB 215 166 246	#D7A6F6
100.0%	100.0% #E2ABFF	RGB 226 171 255	#E2ABFF

#A98DCB #B192D3 #BB97DC #C49CE5 #CEA1ED #D7A6F6 #E2ABFF

#A98DCB - #C49CE5 - #E2ABFF

CSS codes

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

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