#DAA89C - #FEB8D5 | 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 #DAA89C to #FEB8D5

#DAA89C #FEB8D5

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

#DAA89C - #FEB8D5 | 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 #DAA89C as 0% and #FEB8D5 as 100%.

0.0%	0.0% #DAA89C	RGB 218 168 156	#DAA89C
16.7%	16.7% #E0AAA5	RGB 224 170 165	#E0AAA5
33.3%	33.3% #E6ADAF	RGB 230 173 175	#E6ADAF
50.0%	50.0% #ECB0B8	RGB 236 176 184	#ECB0B8
66.7%	66.7% #F2B2C2	RGB 242 178 194	#F2B2C2
83.3%	83.3% #F8B5CB	RGB 248 181 203	#F8B5CB
100.0%	100.0% #FEB8D5	RGB 254 184 213	#FEB8D5

#DAA89C #E0AAA5 #E6ADAF #ECB0B8 #F2B2C2 #F8B5CB #FEB8D5

#DAA89C - #FEB8D5

HSV Blend

#DAA89C - #FEB8D5 | 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 #DAA89C as 0% and #FEB8D5 as 100%.

0.0%	0.0% #DAA89C	RGB 218 168 156	#DAA89C
16.7%	16.7% #E0A6A0	RGB 224 166 160	#E0A6A0
33.3%	33.3% #E6A5A5	RGB 230 165 165	#E6A5A5
50.0%	50.0% #ECA9B1	RGB 236 169 177	#ECA9B1
66.7%	66.7% #F2AEBC	RGB 242 174 188	#F2AEBC
83.3%	83.3% #F8B3C8	RGB 248 179 200	#F8B3C8
100.0%	100.0% #FEB8D5	RGB 254 184 213	#FEB8D5

#DAA89C #E0A6A0 #E6A5A5 #ECA9B1 #F2AEBC #F8B3C8 #FEB8D5

#DAA89C - #ECA9B1 - #FEB8D5

CSS codes

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

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