#FFB9CD - #DF415E | 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 #FFB9CD to #DF415E

#FFB9CD #DF415E

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

#FFB9CD - #DF415E | 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 #FFB9CD as 0% and #DF415E as 100%.

0.0%	0.0% #FFB9CD	RGB 255 185 205	#FFB9CD
16.7%	16.7% #F9A5BA	RGB 249 165 186	#F9A5BA
33.3%	33.3% #F491A8	RGB 244 145 168	#F491A8
50.0%	50.0% #EF7D95	RGB 239 125 149	#EF7D95
66.7%	66.7% #E96983	RGB 233 105 131	#E96983
83.3%	83.3% #E45570	RGB 228 85 112	#E45570
100.0%	100.0% #DF415E	RGB 223 65 94	#DF415E

#FFB9CD #F9A5BA #F491A8 #EF7D95 #E96983 #E45570 #DF415E

#FFB9CD - #DF415E

HSV Blend

#FFB9CD - #DF415E | 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 #FFB9CD as 0% and #DF415E as 100%.

0.0%	0.0% #FFB9CD	RGB 255 185 205	#FFB9CD
16.7%	16.7% #F9A3BA	RGB 249 163 186	#F9A3BA
33.3%	33.3% #F48DA7	RGB 244 141 167	#F48DA7
50.0%	50.0% #EF7995	RGB 239 121 149	#EF7995
66.7%	66.7% #E96582	RGB 233 101 130	#E96582
83.3%	83.3% #E45370	RGB 228 83 112	#E45370
100.0%	100.0% #DF415E	RGB 223 65 94	#DF415E

#FFB9CD #F9A3BA #F48DA7 #EF7995 #E96582 #E45370 #DF415E

#FFB9CD - #EF7995 - #DF415E

CSS codes

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

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