#FFA0CF - #D1388E | 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 #FFA0CF to #D1388E

#FFA0CF #D1388E

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

#FFA0CF - #D1388E | 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 #FFA0CF as 0% and #D1388E as 100%.

0.0%	0.0% #FFA0CF	RGB 255 160 207	#FFA0CF
16.7%	16.7% #F78EC4	RGB 247 142 196	#F78EC4
33.3%	33.3% #EF7DB9	RGB 239 125 185	#EF7DB9
50.0%	50.0% #E86CAE	RGB 232 108 174	#E86CAE
66.7%	66.7% #E05AA3	RGB 224 90 163	#E05AA3
83.3%	83.3% #D84998	RGB 216 73 152	#D84998
100.0%	100.0% #D1388E	RGB 209 56 142	#D1388E

#FFA0CF #F78EC4 #EF7DB9 #E86CAE #E05AA3 #D84998 #D1388E

#FFA0CF - #D1388E

HSV Blend

#FFA0CF - #D1388E | 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 #FFA0CF as 0% and #D1388E as 100%.

0.0%	0.0% #FFA0CF	RGB 255 160 207	#FFA0CF
16.7%	16.7% #F78CC2	RGB 247 140 194	#F78CC2
33.3%	33.3% #EF79B6	RGB 239 121 182	#EF79B6
50.0%	50.0% #E867AB	RGB 232 103 171	#E867AB
66.7%	66.7% #E056A1	RGB 224 86 161	#E056A1
83.3%	83.3% #D84797	RGB 216 71 151	#D84797
100.0%	100.0% #D1388E	RGB 209 56 142	#D1388E

#FFA0CF #F78CC2 #EF79B6 #E867AB #E056A1 #D84797 #D1388E

#FFA0CF - #E867AB - #D1388E

CSS codes

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

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