#E5A8B7 - #E6B7FF | 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 #E5A8B7 to #E6B7FF

#E5A8B7 #E6B7FF

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

#E5A8B7 - #E6B7FF | 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 #E5A8B7 as 0% and #E6B7FF as 100%.

0.0%	0.0% #E5A8B7	RGB 229 168 183	#E5A8B7
16.7%	16.7% #E5AAC3	RGB 229 170 195	#E5AAC3
33.3%	33.3% #E5ADCF	RGB 229 173 207	#E5ADCF
50.0%	50.0% #E5AFDB	RGB 229 175 219	#E5AFDB
66.7%	66.7% #E5B2E7	RGB 229 178 231	#E5B2E7
83.3%	83.3% #E5B4F3	RGB 229 180 243	#E5B4F3
100.0%	100.0% #E6B7FF	RGB 230 183 255	#E6B7FF

#E5A8B7 #E5AAC3 #E5ADCF #E5AFDB #E5B2E7 #E5B4F3 #E6B7FF

#E5A8B7 - #E6B7FF

HSV Blend

#E5A8B7 - #E6B7FF | 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 #E5A8B7 as 0% and #E6B7FF as 100%.

0.0%	0.0% #E5A8B7	RGB 229 168 183	#E5A8B7
16.7%	16.7% #E9AAC5	RGB 233 170 197	#E9AAC5
33.3%	33.3% #EDADD4	RGB 237 173 212	#EDADD4
50.0%	50.0% #F2AFE4	RGB 242 175 228	#F2AFE4
66.7%	66.7% #F6B2F4	RGB 246 178 244	#F6B2F4
83.3%	83.3% #EFB4FA	RGB 239 180 250	#EFB4FA
100.0%	100.0% #E6B7FF	RGB 230 183 255	#E6B7FF

#E5A8B7 #E9AAC5 #EDADD4 #F2AFE4 #F6B2F4 #EFB4FA #E6B7FF

#E5A8B7 - #F2AFE4 - #E6B7FF

CSS codes

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

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