#FFB9C0 - #CF534C | 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 #FFB9C0 to #CF534C

#FFB9C0 #CF534C

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

#FFB9C0 - #CF534C | 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 #FFB9C0 as 0% and #CF534C as 100%.

0.0%	0.0% #FFB9C0	RGB 255 185 192	#FFB9C0
16.7%	16.7% #F7A8AC	RGB 247 168 172	#F7A8AC
33.3%	33.3% #EF9799	RGB 239 151 153	#EF9799
50.0%	50.0% #E78686	RGB 231 134 134	#E78686
66.7%	66.7% #DF7572	RGB 223 117 114	#DF7572
83.3%	83.3% #D7645F	RGB 215 100 95	#D7645F
100.0%	100.0% #CF534C	RGB 207 83 76	#CF534C

#FFB9C0 #F7A8AC #EF9799 #E78686 #DF7572 #D7645F #CF534C

#FFB9C0 - #CF534C

HSV Blend

#FFB9C0 - #CF534C | 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 #FFB9C0 as 0% and #CF534C as 100%.

0.0%	0.0% #FFB9C0	RGB 255 185 192	#FFB9C0
16.7%	16.7% #F7A4AA	RGB 247 164 170	#F7A4AA
33.3%	33.3% #EF9095	RGB 239 144 149	#EF9095
50.0%	50.0% #E77E80	RGB 231 126 128	#E77E80
66.7%	66.7% #DF6C6C	RGB 223 108 108	#DF6C6C
83.3%	83.3% #D75F5B	RGB 215 95 91	#D75F5B
100.0%	100.0% #CF534C	RGB 207 83 76	#CF534C

#FFB9C0 #F7A4AA #EF9095 #E77E80 #DF6C6C #D75F5B #CF534C

#FFB9C0 - #E77E80 - #CF534C

CSS codes

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

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