#E6AEAD - #EEB6FF | 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 #E6AEAD to #EEB6FF

#E6AEAD #EEB6FF

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

#E6AEAD - #EEB6FF | 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 #E6AEAD as 0% and #EEB6FF as 100%.

0.0%	0.0% #E6AEAD	RGB 230 174 173	#E6AEAD
16.7%	16.7% #E7AFBA	RGB 231 175 186	#E7AFBA
33.3%	33.3% #E8B0C8	RGB 232 176 200	#E8B0C8
50.0%	50.0% #EAB2D6	RGB 234 178 214	#EAB2D6
66.7%	66.7% #EBB3E3	RGB 235 179 227	#EBB3E3
83.3%	83.3% #ECB4F1	RGB 236 180 241	#ECB4F1
100.0%	100.0% #EEB6FF	RGB 238 182 255	#EEB6FF

#E6AEAD #E7AFBA #E8B0C8 #EAB2D6 #EBB3E3 #ECB4F1 #EEB6FF

#E6AEAD - #EEB6FF

HSV Blend

#E6AEAD - #EEB6FF | 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 #E6AEAD as 0% and #EEB6FF as 100%.

0.0%	0.0% #E6AEAD	RGB 230 174 173	#E6AEAD
16.7%	16.7% #EAAEB9	RGB 234 174 185	#EAAEB9
33.3%	33.3% #EEB0C9	RGB 238 176 201	#EEB0C9
50.0%	50.0% #F2B1D9	RGB 242 177 217	#F2B1D9
66.7%	66.7% #F6B3EA	RGB 246 179 234	#F6B3EA
83.3%	83.3% #F9B4FA	RGB 249 180 250	#F9B4FA
100.0%	100.0% #EEB6FF	RGB 238 182 255	#EEB6FF

#E6AEAD #EAAEB9 #EEB0C9 #F2B1D9 #F6B3EA #F9B4FA #EEB6FF

#E6AEAD - #F2B1D9 - #EEB6FF

CSS codes

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

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