#FFB2BC - #DC3D4B | 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 #FFB2BC to #DC3D4B

#FFB2BC #DC3D4B

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

#FFB2BC - #DC3D4B | 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 #FFB2BC as 0% and #DC3D4B as 100%.

0.0%	0.0% #FFB2BC	RGB 255 178 188	#FFB2BC
16.7%	16.7% #F99EA9	RGB 249 158 169	#F99EA9
33.3%	33.3% #F38B96	RGB 243 139 150	#F38B96
50.0%	50.0% #ED7783	RGB 237 119 131	#ED7783
66.7%	66.7% #E76470	RGB 231 100 112	#E76470
83.3%	83.3% #E1505D	RGB 225 80 93	#E1505D
100.0%	100.0% #DC3D4B	RGB 220 61 75	#DC3D4B

#FFB2BC #F99EA9 #F38B96 #ED7783 #E76470 #E1505D #DC3D4B

#FFB2BC - #DC3D4B

HSV Blend

#FFB2BC - #DC3D4B | 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 #FFB2BC as 0% and #DC3D4B as 100%.

0.0%	0.0% #FFB2BC	RGB 255 178 188	#FFB2BC
16.7%	16.7% #F99CA7	RGB 249 156 167	#F99CA7
33.3%	33.3% #F38794	RGB 243 135 148	#F38794
50.0%	50.0% #ED7381	RGB 237 115 129	#ED7381
66.7%	66.7% #E7606E	RGB 231 96 110	#E7606E
83.3%	83.3% #E14E5C	RGB 225 78 92	#E14E5C
100.0%	100.0% #DC3D4B	RGB 220 61 75	#DC3D4B

#FFB2BC #F99CA7 #F38794 #ED7381 #E7606E #E14E5C #DC3D4B

#FFB2BC - #ED7381 - #DC3D4B

CSS codes

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

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