#E6B5D0 - #FBDED8 | 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 #E6B5D0 to #FBDED8

#E6B5D0 #FBDED8

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

#E6B5D0 - #FBDED8 | 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 #E6B5D0 as 0% and #FBDED8 as 100%.

0.0%	0.0% #E6B5D0	RGB 230 181 208	#E6B5D0
16.7%	16.7% #E9BBD1	RGB 233 187 209	#E9BBD1
33.3%	33.3% #EDC2D2	RGB 237 194 210	#EDC2D2
50.0%	50.0% #F0C9D4	RGB 240 201 212	#F0C9D4
66.7%	66.7% #F4D0D5	RGB 244 208 213	#F4D0D5
83.3%	83.3% #F7D7D6	RGB 247 215 214	#F7D7D6
100.0%	100.0% #FBDED8	RGB 251 222 216	#FBDED8

#E6B5D0 #E9BBD1 #EDC2D2 #F0C9D4 #F4D0D5 #F7D7D6 #FBDED8

#E6B5D0 - #FBDED8

HSV Blend

#E6B5D0 - #FBDED8 | 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 #E6B5D0 as 0% and #FBDED8 as 100%.

0.0%	0.0% #E6B5D0	RGB 230 181 208	#E6B5D0
16.7%	16.7% #E9BACE	RGB 233 186 206	#E9BACE
33.3%	33.3% #EDC0CE	RGB 237 192 206	#EDC0CE
50.0%	50.0% #F0C6CE	RGB 240 198 206	#F0C6CE
66.7%	66.7% #F4CBCE	RGB 244 203 206	#F4CBCE
83.3%	83.3% #F7D3D1	RGB 247 211 209	#F7D3D1
100.0%	100.0% #FBDED8	RGB 251 222 216	#FBDED8

#E6B5D0 #E9BACE #EDC0CE #F0C6CE #F4CBCE #F7D3D1 #FBDED8

#E6B5D0 - #F0C6CE - #FBDED8

CSS codes

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

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