#FFB7E2 - #DC4A9E | 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 #FFB7E2 to #DC4A9E

#FFB7E2 #DC4A9E

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

#FFB7E2 - #DC4A9E | 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 #FFB7E2 as 0% and #DC4A9E as 100%.

0.0%	0.0% #FFB7E2	RGB 255 183 226	#FFB7E2
16.7%	16.7% #F9A4D6	RGB 249 164 214	#F9A4D6
33.3%	33.3% #F392CB	RGB 243 146 203	#F392CB
50.0%	50.0% #ED80C0	RGB 237 128 192	#ED80C0
66.7%	66.7% #E76EB4	RGB 231 110 180	#E76EB4
83.3%	83.3% #E15CA9	RGB 225 92 169	#E15CA9
100.0%	100.0% #DC4A9E	RGB 220 74 158	#DC4A9E

#FFB7E2 #F9A4D6 #F392CB #ED80C0 #E76EB4 #E15CA9 #DC4A9E

#FFB7E2 - #DC4A9E

HSV Blend

#FFB7E2 - #DC4A9E | 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 #FFB7E2 as 0% and #DC4A9E as 100%.

0.0%	0.0% #FFB7E2	RGB 255 183 226	#FFB7E2
16.7%	16.7% #F9A2D6	RGB 249 162 214	#F9A2D6
33.3%	33.3% #F38FCA	RGB 243 143 202	#F38FCA
50.0%	50.0% #ED7DBF	RGB 237 125 191	#ED7DBF
66.7%	66.7% #E76BB3	RGB 231 107 179	#E76BB3
83.3%	83.3% #E15AA8	RGB 225 90 168	#E15AA8
100.0%	100.0% #DC4A9E	RGB 220 74 158	#DC4A9E

#FFB7E2 #F9A2D6 #F38FCA #ED7DBF #E76BB3 #E15AA8 #DC4A9E

#FFB7E2 - #ED7DBF - #DC4A9E

CSS codes

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

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