#FFA8BA - #D3466C | 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 #FFA8BA to #D3466C

#FFA8BA #D3466C

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

#FFA8BA - #D3466C | 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 #FFA8BA as 0% and #D3466C as 100%.

0.0%	0.0% #FFA8BA	RGB 255 168 186	#FFA8BA
16.7%	16.7% #F797AD	RGB 247 151 173	#F797AD
33.3%	33.3% #F087A0	RGB 240 135 160	#F087A0
50.0%	50.0% #E97793	RGB 233 119 147	#E97793
66.7%	66.7% #E16686	RGB 225 102 134	#E16686
83.3%	83.3% #DA5679	RGB 218 86 121	#DA5679
100.0%	100.0% #D3466C	RGB 211 70 108	#D3466C

#FFA8BA #F797AD #F087A0 #E97793 #E16686 #DA5679 #D3466C

#FFA8BA - #D3466C

HSV Blend

#FFA8BA - #D3466C | 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 #FFA8BA as 0% and #D3466C as 100%.

0.0%	0.0% #FFA8BA	RGB 255 168 186	#FFA8BA
16.7%	16.7% #F795AA	RGB 247 149 170	#F795AA
33.3%	33.3% #F0849C	RGB 240 132 156	#F0849C
50.0%	50.0% #E9738F	RGB 233 115 143	#E9738F
66.7%	66.7% #E16382	RGB 225 99 130	#E16382
83.3%	83.3% #DA5477	RGB 218 84 119	#DA5477
100.0%	100.0% #D3466C	RGB 211 70 108	#D3466C

#FFA8BA #F795AA #F0849C #E9738F #E16382 #DA5477 #D3466C

#FFA8BA - #E9738F - #D3466C

CSS codes

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

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