#FFA1A8 - #FFE4E5 | 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 #FFA1A8 to #FFE4E5

#FFA1A8 #FFE4E5

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

#FFA1A8 - #FFE4E5 | 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 #FFA1A8 as 0% and #FFE4E5 as 100%.

0.0%	0.0% #FFA1A8	RGB 255 161 168	#FFA1A8
16.7%	16.7% #FFACB2	RGB 255 172 178	#FFACB2
33.3%	33.3% #FFB7BC	RGB 255 183 188	#FFB7BC
50.0%	50.0% #FFC2C6	RGB 255 194 198	#FFC2C6
66.7%	66.7% #FFCDD0	RGB 255 205 208	#FFCDD0
83.3%	83.3% #FFD8DA	RGB 255 216 218	#FFD8DA
100.0%	100.0% #FFE4E5	RGB 255 228 229	#FFE4E5

#FFA1A8 #FFACB2 #FFB7BC #FFC2C6 #FFCDD0 #FFD8DA #FFE4E5

#FFA1A8 - #FFE4E5

HSV Blend

#FFA1A8 - #FFE4E5 | 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 #FFA1A8 as 0% and #FFE4E5 as 100%.

0.0%	0.0% #FFA1A8	RGB 255 161 168	#FFA1A8
16.7%	16.7% #FFACB1	RGB 255 172 177	#FFACB1
33.3%	33.3% #FFB7BB	RGB 255 183 187	#FFB7BB
50.0%	50.0% #FFC2C5	RGB 255 194 197	#FFC2C5
66.7%	66.7% #FFCDD0	RGB 255 205 208	#FFCDD0
83.3%	83.3% #FFD8DA	RGB 255 216 218	#FFD8DA
100.0%	100.0% #FFE4E5	RGB 255 228 229	#FFE4E5

#FFA1A8 #FFACB1 #FFB7BB #FFC2C5 #FFCDD0 #FFD8DA #FFE4E5

#FFA1A8 - #FFC2C5 - #FFE4E5

CSS codes

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

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