#BF2D5C - #FF806D | 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 #BF2D5C to #FF806D

#BF2D5C #FF806D

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

#BF2D5C - #FF806D | 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 #BF2D5C as 0% and #FF806D as 100%.

0.0%	0.0% #BF2D5C	RGB 191 45 92	#BF2D5C
16.7%	16.7% #C93A5E	RGB 201 58 94	#C93A5E
33.3%	33.3% #D44861	RGB 212 72 97	#D44861
50.0%	50.0% #DF5664	RGB 223 86 100	#DF5664
66.7%	66.7% #E96467	RGB 233 100 103	#E96467
83.3%	83.3% #F4726A	RGB 244 114 106	#F4726A
100.0%	100.0% #FF806D	RGB 255 128 109	#FF806D

#BF2D5C #C93A5E #D44861 #DF5664 #E96467 #F4726A #FF806D

#BF2D5C - #FF806D

HSV Blend

#BF2D5C - #FF806D | 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 #BF2D5C as 0% and #FF806D as 100%.

0.0%	0.0% #BF2C5B	RGB 191 44 91	#BF2C5B
16.7%	16.7% #C9355A	RGB 201 53 90	#C9355A
33.3%	33.3% #D43F59	RGB 212 63 89	#D43F59
50.0%	50.0% #DF4958	RGB 223 73 88	#DF4958
66.7%	66.7% #E95457	RGB 233 84 87	#E95457
83.3%	83.3% #F46860	RGB 244 104 96	#F46860
100.0%	100.0% #FF806D	RGB 255 128 109	#FF806D

#BF2C5B #C9355A #D43F59 #DF4958 #E95457 #F46860 #FF806D

#BF2D5C - #DF4958 - #FF806D

CSS codes

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

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