#FFA0AF - #CD2B3A | 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 #FFA0AF to #CD2B3A

#FFA0AF #CD2B3A

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

#FFA0AF - #CD2B3A | 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 #FFA0AF as 0% and #CD2B3A as 100%.

0.0%	0.0% #FFA0AF	RGB 255 160 175	#FFA0AF
16.7%	16.7% #F68C9B	RGB 246 140 155	#F68C9B
33.3%	33.3% #EE7988	RGB 238 121 136	#EE7988
50.0%	50.0% #E66574	RGB 230 101 116	#E66574
66.7%	66.7% #DD5261	RGB 221 82 97	#DD5261
83.3%	83.3% #D53E4D	RGB 213 62 77	#D53E4D
100.0%	100.0% #CD2B3A	RGB 205 43 58	#CD2B3A

#FFA0AF #F68C9B #EE7988 #E66574 #DD5261 #D53E4D #CD2B3A

#FFA0AF - #CD2B3A

HSV Blend

#FFA0AF - #CD2B3A | 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 #FFA0AF as 0% and #CD2B3A as 100%.

0.0%	0.0% #FFA0AF	RGB 255 160 175	#FFA0AF
16.7%	16.7% #F68999	RGB 246 137 153	#F68999
33.3%	33.3% #EE7484	RGB 238 116 132	#EE7484
50.0%	50.0% #E66071	RGB 230 96 113	#E66071
66.7%	66.7% #DD4D5D	RGB 221 77 93	#DD4D5D
83.3%	83.3% #D53B4B	RGB 213 59 75	#D53B4B
100.0%	100.0% #CD2B3A	RGB 205 43 58	#CD2B3A

#FFA0AF #F68999 #EE7484 #E66071 #DD4D5D #D53B4B #CD2B3A

#FFA0AF - #E66071 - #CD2B3A

CSS codes

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

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