#E6DAAC - #FFB5D4 | 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 #E6DAAC to #FFB5D4

#E6DAAC #FFB5D4

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

#E6DAAC - #FFB5D4 | 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 #E6DAAC as 0% and #FFB5D4 as 100%.

0.0%	0.0% #E6DAAC	RGB 230 218 172	#E6DAAC
16.7%	16.7% #EAD3B2	RGB 234 211 178	#EAD3B2
33.3%	33.3% #EECDB9	RGB 238 205 185	#EECDB9
50.0%	50.0% #F2C7C0	RGB 242 199 192	#F2C7C0
66.7%	66.7% #F6C1C6	RGB 246 193 198	#F6C1C6
83.3%	83.3% #FABBCD	RGB 250 187 205	#FABBCD
100.0%	100.0% #FFB5D4	RGB 255 181 212	#FFB5D4

#E6DAAC #EAD3B2 #EECDB9 #F2C7C0 #F6C1C6 #FABBCD #FFB5D4

#E6DAAC - #FFB5D4

HSV Blend

#E6DAAC - #FFB5D4 | 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 #E6DAAC as 0% and #FFB5D4 as 100%.

0.0%	0.0% #E6DAAC	RGB 230 218 172	#E6DAAC
16.7%	16.7% #EAD1AD	RGB 234 209 173	#EAD1AD
33.3%	33.3% #EEC7AF	RGB 238 199 175	#EEC7AF
50.0%	50.0% #F2BDB0	RGB 242 189 176	#F2BDB0
66.7%	66.7% #F6B2B3	RGB 246 178 179	#F6B2B3
83.3%	83.3% #FAB3C3	RGB 250 179 195	#FAB3C3
100.0%	100.0% #FFB5D4	RGB 255 181 212	#FFB5D4

#E6DAAC #EAD1AD #EEC7AF #F2BDB0 #F6B2B3 #FAB3C3 #FFB5D4

#E6DAAC - #F2BDB0 - #FFB5D4

CSS codes

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

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