#FFA0BC - #CD2B49 | 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 #FFA0BC to #CD2B49

#FFA0BC #CD2B49

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

#FFA0BC - #CD2B49 | 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 #FFA0BC as 0% and #CD2B49 as 100%.

0.0%	0.0% #FFA0BC	RGB 255 160 188	#FFA0BC
16.7%	16.7% #F68CA8	RGB 246 140 168	#F68CA8
33.3%	33.3% #EE7995	RGB 238 121 149	#EE7995
50.0%	50.0% #E66582	RGB 230 101 130	#E66582
66.7%	66.7% #DD526F	RGB 221 82 111	#DD526F
83.3%	83.3% #D53E5C	RGB 213 62 92	#D53E5C
100.0%	100.0% #CD2B49	RGB 205 43 73	#CD2B49

#FFA0BC #F68CA8 #EE7995 #E66582 #DD526F #D53E5C #CD2B49

#FFA0BC - #CD2B49

HSV Blend

#FFA0BC - #CD2B49 | 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 #FFA0BC as 0% and #CD2B49 as 100%.

0.0%	0.0% #FFA0BC	RGB 255 160 188	#FFA0BC
16.7%	16.7% #F689A7	RGB 246 137 167	#F689A7
33.3%	33.3% #EE7493	RGB 238 116 147	#EE7493
50.0%	50.0% #E66080	RGB 230 96 128	#E66080
66.7%	66.7% #DD4D6D	RGB 221 77 109	#DD4D6D
83.3%	83.3% #D53B5A	RGB 213 59 90	#D53B5A
100.0%	100.0% #CD2B49	RGB 205 43 73	#CD2B49

#FFA0BC #F689A7 #EE7493 #E66080 #DD4D6D #D53B5A #CD2B49

#FFA0BC - #E66080 - #CD2B49

CSS codes

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

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