#E2A8B4 - #E5FFDB | 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 #E2A8B4 to #E5FFDB

#E2A8B4 #E5FFDB

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

#E2A8B4 - #E5FFDB | 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 #E2A8B4 as 0% and #E5FFDB as 100%.

0.0%	0.0% #E2A8B4	RGB 226 168 180	#E2A8B4
16.7%	16.7% #E2B6BA	RGB 226 182 186	#E2B6BA
33.3%	33.3% #E3C5C1	RGB 227 197 193	#E3C5C1
50.0%	50.0% #E3D3C7	RGB 227 211 199	#E3D3C7
66.7%	66.7% #E4E2CE	RGB 228 226 206	#E4E2CE
83.3%	83.3% #E4F0D4	RGB 228 240 212	#E4F0D4
100.0%	100.0% #E5FFDB	RGB 229 255 219	#E5FFDB

#E2A8B4 #E2B6BA #E3C5C1 #E3D3C7 #E4E2CE #E4F0D4 #E5FFDB

#E2A8B4 - #E5FFDB

HSV Blend

#E2A8B4 - #E5FFDB | 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 #E2A8B4 as 0% and #E5FFDB as 100%.

0.0%	0.0% #E2A8B4	RGB 226 168 180	#E2A8B4
16.7%	16.7% #E6B6B0	RGB 230 182 176	#E6B6B0
33.3%	33.3% #EBCEB8	RGB 235 206 184	#EBCEB8
50.0%	50.0% #F0E4C0	RGB 240 228 192	#F0E4C0
66.7%	66.7% #F1F5C9	RGB 241 245 201	#F1F5C9
83.3%	83.3% #EAFAD2	RGB 234 250 210	#EAFAD2
100.0%	100.0% #E5FFDB	RGB 229 255 219	#E5FFDB

#E2A8B4 #E6B6B0 #EBCEB8 #F0E4C0 #F1F5C9 #EAFAD2 #E5FFDB

#E2A8B4 - #F0E4C0 - #E5FFDB

CSS codes

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

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