#E1A7B2 - #DFD4D9 | 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 #E1A7B2 to #DFD4D9

#E1A7B2 #DFD4D9

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

#E1A7B2 - #DFD4D9 | 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 #E1A7B2 as 0% and #DFD4D9 as 100%.

0.0%	0.0% #E1A7B2	RGB 225 167 178	#E1A7B2
16.7%	16.7% #E0AEB8	RGB 224 174 184	#E0AEB8
33.3%	33.3% #E0B6BF	RGB 224 182 191	#E0B6BF
50.0%	50.0% #E0BDC5	RGB 224 189 197	#E0BDC5
66.7%	66.7% #DFC5CC	RGB 223 197 204	#DFC5CC
83.3%	83.3% #DFCCD2	RGB 223 204 210	#DFCCD2
100.0%	100.0% #DFD4D9	RGB 223 212 217	#DFD4D9

#E1A7B2 #E0AEB8 #E0B6BF #E0BDC5 #DFC5CC #DFCCD2 #DFD4D9

#E1A7B2 - #DFD4D9

HSV Blend

#E1A7B2 - #DFD4D9 | 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 #E1A7B2 as 0% and #DFD4D9 as 100%.

0.0%	0.0% #E1A7B2	RGB 225 167 178	#E1A7B2
16.7%	16.7% #E0AEBA	RGB 224 174 186	#E0AEBA
33.3%	33.3% #E0B6C1	RGB 224 182 193	#E0B6C1
50.0%	50.0% #E0BDC8	RGB 224 189 200	#E0BDC8
66.7%	66.7% #DFC5CE	RGB 223 197 206	#DFC5CE
83.3%	83.3% #DFCCD4	RGB 223 204 212	#DFCCD4
100.0%	100.0% #DFD4D9	RGB 223 212 217	#DFD4D9

#E1A7B2 #E0AEBA #E0B6C1 #E0BDC8 #DFC5CE #DFCCD4 #DFD4D9

#E1A7B2 - #E0BDC8 - #DFD4D9

CSS codes

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

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