#D1A8A8 - #EAB2FB | 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 #D1A8A8 to #EAB2FB

#D1A8A8 #EAB2FB

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

#D1A8A8 - #EAB2FB | 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 #D1A8A8 as 0% and #EAB2FB as 100%.

0.0%	0.0% #D1A8A8	RGB 209 168 168	#D1A8A8
16.7%	16.7% #D5A9B5	RGB 213 169 181	#D5A9B5
33.3%	33.3% #D9ABC3	RGB 217 171 195	#D9ABC3
50.0%	50.0% #DDADD1	RGB 221 173 209	#DDADD1
66.7%	66.7% #E1AEDF	RGB 225 174 223	#E1AEDF
83.3%	83.3% #E5B0ED	RGB 229 176 237	#E5B0ED
100.0%	100.0% #EAB2FB	RGB 234 178 251	#EAB2FB

#D1A8A8 #D5A9B5 #D9ABC3 #DDADD1 #E1AEDF #E5B0ED #EAB2FB

#D1A8A8 - #EAB2FB

HSV Blend

#D1A8A8 - #EAB2FB | 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 #D1A8A8 as 0% and #EAB2FB as 100%.

0.0%	0.0% #D1A8A8	RGB 209 168 168	#D1A8A8
16.7%	16.7% #D8AAB3	RGB 216 170 179	#D8AAB3
33.3%	33.3% #DFACC1	RGB 223 172 193	#DFACC1
50.0%	50.0% #E6ADD0	RGB 230 173 208	#E6ADD0
66.7%	66.7% #EDAFE2	RGB 237 175 226	#EDAFE2
83.3%	83.3% #F2B0F4	RGB 242 176 244	#F2B0F4
100.0%	100.0% #EAB2FB	RGB 234 178 251	#EAB2FB

#D1A8A8 #D8AAB3 #DFACC1 #E6ADD0 #EDAFE2 #F2B0F4 #EAB2FB

#D1A8A8 - #E6ADD0 - #EAB2FB

CSS codes

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

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