#FFE5E6 - #D79FA1 | 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 #FFE5E6 to #D79FA1

#FFE5E6 #D79FA1

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

#FFE5E6 - #D79FA1 | 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 #FFE5E6 as 0% and #D79FA1 as 100%.

0.0%	0.0% #FFE5E6	RGB 255 229 230	#FFE5E6
16.7%	16.7% #F8D9DA	RGB 248 217 218	#F8D9DA
33.3%	33.3% #F1CDCF	RGB 241 205 207	#F1CDCF
50.0%	50.0% #EBC2C3	RGB 235 194 195	#EBC2C3
66.7%	66.7% #E4B6B8	RGB 228 182 184	#E4B6B8
83.3%	83.3% #DDAAAC	RGB 221 170 172	#DDAAAC
100.0%	100.0% #D79FA1	RGB 215 159 161	#D79FA1

#FFE5E6 #F8D9DA #F1CDCF #EBC2C3 #E4B6B8 #DDAAAC #D79FA1

#FFE5E6 - #D79FA1

HSV Blend

#FFE5E6 - #D79FA1 | 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 #FFE5E6 as 0% and #D79FA1 as 100%.

0.0%	0.0% #FFE5E6	RGB 255 229 230	#FFE5E6
16.7%	16.7% #F8D8D9	RGB 248 216 217	#F8D8D9
33.3%	33.3% #F1CCCD	RGB 241 204 205	#F1CCCD
50.0%	50.0% #EBC0C1	RGB 235 192 193	#EBC0C1
66.7%	66.7% #E4B4B6	RGB 228 180 182	#E4B4B6
83.3%	83.3% #DDA9AB	RGB 221 169 171	#DDA9AB
100.0%	100.0% #D79FA1	RGB 215 159 161	#D79FA1

#FFE5E6 #F8D8D9 #F1CCCD #EBC0C1 #E4B4B6 #DDA9AB #D79FA1

#FFE5E6 - #EBC0C1 - #D79FA1

CSS codes

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

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