#FFB9F7 - #DC5DAA | 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 #FFB9F7 to #DC5DAA

#FFB9F7 #DC5DAA

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

#FFB9F7 - #DC5DAA | 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 #FFB9F7 as 0% and #DC5DAA as 100%.

0.0%	0.0% #FFB9F7	RGB 255 185 247	#FFB9F7
16.7%	16.7% #F9A9EA	RGB 249 169 234	#F9A9EA
33.3%	33.3% #F39ADD	RGB 243 154 221	#F39ADD
50.0%	50.0% #ED8BD0	RGB 237 139 208	#ED8BD0
66.7%	66.7% #E77BC3	RGB 231 123 195	#E77BC3
83.3%	83.3% #E16CB6	RGB 225 108 182	#E16CB6
100.0%	100.0% #DC5DAA	RGB 220 93 170	#DC5DAA

#FFB9F7 #F9A9EA #F39ADD #ED8BD0 #E77BC3 #E16CB6 #DC5DAA

#FFB9F7 - #DC5DAA

HSV Blend

#FFB9F7 - #DC5DAA | 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 #FFB9F7 as 0% and #DC5DAA as 100%.

0.0%	0.0% #FFB9F7	RGB 255 185 247	#FFB9F7
16.7%	16.7% #F9A8EC	RGB 249 168 236	#F9A8EC
33.3%	33.3% #F397E0	RGB 243 151 224	#F397E0
50.0%	50.0% #ED88D3	RGB 237 136 211	#ED88D3
66.7%	66.7% #E779C6	RGB 231 121 198	#E779C6
83.3%	83.3% #E16AB8	RGB 225 106 184	#E16AB8
100.0%	100.0% #DC5DAA	RGB 220 93 170	#DC5DAA

#FFB9F7 #F9A8EC #F397E0 #ED88D3 #E779C6 #E16AB8 #DC5DAA

#FFB9F7 - #ED88D3 - #DC5DAA

CSS codes

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

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