#FFB2B9 - #CF4242 | 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 #FFB2B9 to #CF4242

#FFB2B9 #CF4242

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

#FFB2B9 - #CF4242 | 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 #FFB2B9 as 0% and #CF4242 as 100%.

0.0%	0.0% #FFB2B9	RGB 255 178 185	#FFB2B9
16.7%	16.7% #F79FA5	RGB 247 159 165	#F79FA5
33.3%	33.3% #EF8C91	RGB 239 140 145	#EF8C91
50.0%	50.0% #E77A7D	RGB 231 122 125	#E77A7D
66.7%	66.7% #DF6769	RGB 223 103 105	#DF6769
83.3%	83.3% #D75455	RGB 215 84 85	#D75455
100.0%	100.0% #CF4242	RGB 207 66 66	#CF4242

#FFB2B9 #F79FA5 #EF8C91 #E77A7D #DF6769 #D75455 #CF4242

#FFB2B9 - #CF4242

HSV Blend

#FFB2B9 - #CF4242 | 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 #FFB2B9 as 0% and #CF4242 as 100%.

0.0%	0.0% #FFB2B9	RGB 255 178 185	#FFB2B9
16.7%	16.7% #F79CA3	RGB 247 156 163	#F79CA3
33.3%	33.3% #EF888E	RGB 239 136 142	#EF888E
50.0%	50.0% #E7757A	RGB 231 117 122	#E7757A
66.7%	66.7% #DF6367	RGB 223 99 103	#DF6367
83.3%	83.3% #D75254	RGB 215 82 84	#D75254
100.0%	100.0% #CF4242	RGB 207 66 66	#CF4242

#FFB2B9 #F79CA3 #EF888E #E7757A #DF6367 #D75254 #CF4242

#FFB2B9 - #E7757A - #CF4242

CSS codes

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

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