#FFB2AF - #D3464E | 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 #FFB2AF to #D3464E

#FFB2AF #D3464E

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

#FFB2AF - #D3464E | 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 #FFB2AF as 0% and #D3464E as 100%.

0.0%	0.0% #FFB2AF	RGB 255 178 175	#FFB2AF
16.7%	16.7% #F7A09E	RGB 247 160 158	#F7A09E
33.3%	33.3% #F08E8E	RGB 240 142 142	#F08E8E
50.0%	50.0% #E97C7E	RGB 233 124 126	#E97C7E
66.7%	66.7% #E16A6E	RGB 225 106 110	#E16A6E
83.3%	83.3% #DA585E	RGB 218 88 94	#DA585E
100.0%	100.0% #D3464E	RGB 211 70 78	#D3464E

#FFB2AF #F7A09E #F08E8E #E97C7E #E16A6E #DA585E #D3464E

#FFB2AF - #D3464E

HSV Blend

#FFB2AF - #D3464E | 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 #FFB2AF as 0% and #D3464E as 100%.

0.0%	0.0% #FFB2AF	RGB 255 178 175	#FFB2AF
16.7%	16.7% #F79D9B	RGB 247 157 155	#F79D9B
33.3%	33.3% #F08988	RGB 240 137 136	#F08988
50.0%	50.0% #E97677	RGB 233 118 119	#E97677
66.7%	66.7% #E16568	RGB 225 101 104	#E16568
83.3%	83.3% #DA555A	RGB 218 85 90	#DA555A
100.0%	100.0% #D3464E	RGB 211 70 78	#D3464E

#FFB2AF #F79D9B #F08988 #E97677 #E16568 #DA555A #D3464E

#FFB2AF - #E97677 - #D3464E

CSS codes

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

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