#D98D9F - #FEDAB7 | 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 #D98D9F to #FEDAB7

#D98D9F #FEDAB7

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

#D98D9F - #FEDAB7 | 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 #D98D9F as 0% and #FEDAB7 as 100%.

0.0%	0.0% #D98D9F	RGB 217 141 159	#D98D9F
16.7%	16.7% #DF99A3	RGB 223 153 163	#DF99A3
33.3%	33.3% #E5A6A7	RGB 229 166 167	#E5A6A7
50.0%	50.0% #EBB3AB	RGB 235 179 171	#EBB3AB
66.7%	66.7% #F1C0AF	RGB 241 192 175	#F1C0AF
83.3%	83.3% #F7CDB3	RGB 247 205 179	#F7CDB3
100.0%	100.0% #FEDAB7	RGB 254 218 183	#FEDAB7

#D98D9F #DF99A3 #E5A6A7 #EBB3AB #F1C0AF #F7CDB3 #FEDAB7

#D98D9F - #FEDAB7

HSV Blend

#D98D9F - #FEDAB7 | 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 #D98D9F as 0% and #FEDAB7 as 100%.

0.0%	0.0% #D98D9E	RGB 217 141 158	#D98D9E
16.7%	16.7% #DF939C	RGB 223 147 156	#DF939C
33.3%	33.3% #E59A9A	RGB 229 154 154	#E59A9A
50.0%	50.0% #EBAAA1	RGB 235 170 161	#EBAAA1
66.7%	66.7% #F1BAA8	RGB 241 186 168	#F1BAA8
83.3%	83.3% #F7CAAF	RGB 247 202 175	#F7CAAF
100.0%	100.0% #FEDAB7	RGB 254 218 183	#FEDAB7

#D98D9E #DF939C #E59A9A #EBAAA1 #F1BAA8 #F7CAAF #FEDAB7

#D98D9F - #EBAAA1 - #FEDAB7

CSS codes

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

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