#E4DFF6 - #A088C0 | 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 #E4DFF6 to #A088C0

#E4DFF6 #A088C0

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

#E4DFF6 - #A088C0 | 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 #E4DFF6 as 0% and #A088C0 as 100%.

0.0%	0.0% #E4DFF6	RGB 228 223 246	#E4DFF6
16.7%	16.7% #D8D0ED	RGB 216 208 237	#D8D0ED
33.3%	33.3% #CDC2E4	RGB 205 194 228	#CDC2E4
50.0%	50.0% #C2B3DB	RGB 194 179 219	#C2B3DB
66.7%	66.7% #B6A5D2	RGB 182 165 210	#B6A5D2
83.3%	83.3% #AB96C9	RGB 171 150 201	#AB96C9
100.0%	100.0% #A088C0	RGB 160 136 192	#A088C0

#E4DFF6 #D8D0ED #CDC2E4 #C2B3DB #B6A5D2 #AB96C9 #A088C0

#E4DFF6 - #A088C0

HSV Blend

#E4DFF6 - #A088C0 | 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 #E4DFF6 as 0% and #A088C0 as 100%.

0.0%	0.0% #E4DFF6	RGB 228 223 246	#E4DFF6
16.7%	16.7% #D6CFED	RGB 214 207 237	#D6CFED
33.3%	33.3% #CABFE4	RGB 202 191 228	#CABFE4
50.0%	50.0% #BEB0DB	RGB 190 176 219	#BEB0DB
66.7%	66.7% #B3A2D2	RGB 179 162 210	#B3A2D2
83.3%	83.3% #A995C9	RGB 169 149 201	#A995C9
100.0%	100.0% #A088C0	RGB 160 136 192	#A088C0

#E4DFF6 #D6CFED #CABFE4 #BEB0DB #B3A2D2 #A995C9 #A088C0

#E4DFF6 - #BEB0DB - #A088C0

CSS codes

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

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