#DF8B9C - #FEDAB5 | 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 #DF8B9C to #FEDAB5

#DF8B9C #FEDAB5

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

#DF8B9C - #FEDAB5 | 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 #DF8B9C as 0% and #FEDAB5 as 100%.

0.0%	0.0% #DF8B9C	RGB 223 139 156	#DF8B9C
16.7%	16.7% #E498A0	RGB 228 152 160	#E498A0
33.3%	33.3% #E9A5A4	RGB 233 165 164	#E9A5A4
50.0%	50.0% #EEB2A8	RGB 238 178 168	#EEB2A8
66.7%	66.7% #F3BFAC	RGB 243 191 172	#F3BFAC
83.3%	83.3% #F8CCB0	RGB 248 204 176	#F8CCB0
100.0%	100.0% #FEDAB5	RGB 254 218 181	#FEDAB5

#DF8B9C #E498A0 #E9A5A4 #EEB2A8 #F3BFAC #F8CCB0 #FEDAB5

#DF8B9C - #FEDAB5

HSV Blend

#DF8B9C - #FEDAB5 | 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 #DF8B9C as 0% and #FEDAB5 as 100%.

0.0%	0.0% #DF8B9C	RGB 223 139 156	#DF8B9C
16.7%	16.7% #E49198	RGB 228 145 152	#E49198
33.3%	33.3% #E99B98	RGB 233 155 152	#E99B98
50.0%	50.0% #EEAB9F	RGB 238 171 159	#EEAB9F
66.7%	66.7% #F3BBA6	RGB 243 187 166	#F3BBA6
83.3%	83.3% #F8CAAD	RGB 248 202 173	#F8CAAD
100.0%	100.0% #FEDAB5	RGB 254 218 181	#FEDAB5

#DF8B9C #E49198 #E99B98 #EEAB9F #F3BBA6 #F8CAAD #FEDAB5

#DF8B9C - #EEAB9F - #FEDAB5

CSS codes

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

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