#FFB5DA - #DA4B93 | 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 #FFB5DA to #DA4B93

#FFB5DA #DA4B93

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

#FFB5DA - #DA4B93 | 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 #FFB5DA as 0% and #DA4B93 as 100%.

0.0%	0.0% #FFB5DA	RGB 255 181 218	#FFB5DA
16.7%	16.7% #F8A3CE	RGB 248 163 206	#F8A3CE
33.3%	33.3% #F291C2	RGB 242 145 194	#F291C2
50.0%	50.0% #EC80B6	RGB 236 128 182	#EC80B6
66.7%	66.7% #E66EAA	RGB 230 110 170	#E66EAA
83.3%	83.3% #E05C9E	RGB 224 92 158	#E05C9E
100.0%	100.0% #DA4B93	RGB 218 75 147	#DA4B93

#FFB5DA #F8A3CE #F291C2 #EC80B6 #E66EAA #E05C9E #DA4B93

#FFB5DA - #DA4B93

HSV Blend

#FFB5DA - #DA4B93 | 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 #FFB5DA as 0% and #DA4B93 as 100%.

0.0%	0.0% #FFB5DA	RGB 255 181 218	#FFB5DA
16.7%	16.7% #F8A1CD	RGB 248 161 205	#F8A1CD
33.3%	33.3% #F28EC0	RGB 242 142 192	#F28EC0
50.0%	50.0% #EC7CB4	RGB 236 124 180	#EC7CB4
66.7%	66.7% #E66BA9	RGB 230 107 169	#E66BA9
83.3%	83.3% #E05A9D	RGB 224 90 157	#E05A9D
100.0%	100.0% #DA4B93	RGB 218 75 147	#DA4B93

#FFB5DA #F8A1CD #F28EC0 #EC7CB4 #E66BA9 #E05A9D #DA4B93

#FFB5DA - #EC7CB4 - #DA4B93

CSS codes

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

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