#E7E7F8 - #A48DCE | 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 #E7E7F8 to #A48DCE

#E7E7F8 #A48DCE

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

#E7E7F8 - #A48DCE | 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 #E7E7F8 as 0% and #A48DCE as 100%.

0.0%	0.0% #E7E7F8	RGB 231 231 248	#E7E7F8
16.7%	16.7% #DBD8F1	RGB 219 216 241	#DBD8F1
33.3%	33.3% #D0C9EA	RGB 208 201 234	#D0C9EA
50.0%	50.0% #C5BAE3	RGB 197 186 227	#C5BAE3
66.7%	66.7% #BAABDC	RGB 186 171 220	#BAABDC
83.3%	83.3% #AF9CD5	RGB 175 156 213	#AF9CD5
100.0%	100.0% #A48DCE	RGB 164 141 206	#A48DCE

#E7E7F8 #DBD8F1 #D0C9EA #C5BAE3 #BAABDC #AF9CD5 #A48DCE

#E7E7F8 - #A48DCE

HSV Blend

#E7E7F8 - #A48DCE | 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 #E7E7F8 as 0% and #A48DCE as 100%.

0.0%	0.0% #E7E7F8	RGB 231 231 248	#E7E7F8
16.7%	16.7% #D8D6F1	RGB 216 214 241	#D8D6F1
33.3%	33.3% #CAC6EA	RGB 202 198 234	#CAC6EA
50.0%	50.0% #BFB7E3	RGB 191 183 227	#BFB7E3
66.7%	66.7% #B4A8DC	RGB 180 168 220	#B4A8DC
83.3%	83.3% #AB9AD5	RGB 171 154 213	#AB9AD5
100.0%	100.0% #A48DCE	RGB 164 141 206	#A48DCE

#E7E7F8 #D8D6F1 #CAC6EA #BFB7E3 #B4A8DC #AB9AD5 #A48DCE

#E7E7F8 - #BFB7E3 - #A48DCE

CSS codes

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

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