#D1A8AD - #F6BFE2 | 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 #D1A8AD to #F6BFE2

#D1A8AD #F6BFE2

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

#D1A8AD - #F6BFE2 | 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 #D1A8AD as 0% and #F6BFE2 as 100%.

0.0%	0.0% #D1A8AD	RGB 209 168 173	#D1A8AD
16.7%	16.7% #D7ABB5	RGB 215 171 181	#D7ABB5
33.3%	33.3% #DDAFBE	RGB 221 175 190	#DDAFBE
50.0%	50.0% #E3B3C7	RGB 227 179 199	#E3B3C7
66.7%	66.7% #E9B7D0	RGB 233 183 208	#E9B7D0
83.3%	83.3% #EFBBD9	RGB 239 187 217	#EFBBD9
100.0%	100.0% #F6BFE2	RGB 246 191 226	#F6BFE2

#D1A8AD #D7ABB5 #DDAFBE #E3B3C7 #E9B7D0 #EFBBD9 #F6BFE2

#D1A8AD - #F6BFE2

HSV Blend

#D1A8AD - #F6BFE2 | 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 #D1A8AD as 0% and #F6BFE2 as 100%.

0.0%	0.0% #D1A8AD	RGB 209 168 173	#D1A8AD
16.7%	16.7% #D7ABB4	RGB 215 171 180	#D7ABB4
33.3%	33.3% #DDAFBD	RGB 221 175 189	#DDAFBD
50.0%	50.0% #E3B3C5	RGB 227 179 197	#E3B3C5
66.7%	66.7% #E9B7CE	RGB 233 183 206	#E9B7CE
83.3%	83.3% #EFBBD8	RGB 239 187 216	#EFBBD8
100.0%	100.0% #F6BFE2	RGB 246 191 226	#F6BFE2

#D1A8AD #D7ABB4 #DDAFBD #E3B3C5 #E9B7CE #EFBBD8 #F6BFE2

#D1A8AD - #E3B3C5 - #F6BFE2

CSS codes

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

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