#B05275 - #FC7069 | 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 #B05275 to #FC7069

#B05275 #FC7069

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

#B05275 - #FC7069 | 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 #B05275 as 0% and #FC7069 as 100%.

0.0%	0.0% #B05275	RGB 176 82 117	#B05275
16.7%	16.7% #BC5773	RGB 188 87 115	#BC5773
33.3%	33.3% #C95C71	RGB 201 92 113	#C95C71
50.0%	50.0% #D6616F	RGB 214 97 111	#D6616F
66.7%	66.7% #E2666D	RGB 226 102 109	#E2666D
83.3%	83.3% #EF6B6B	RGB 239 107 107	#EF6B6B
100.0%	100.0% #FC7069	RGB 252 112 105	#FC7069

#B05275 #BC5773 #C95C71 #D6616F #E2666D #EF6B6B #FC7069

#B05275 - #FC7069

HSV Blend

#B05275 - #FC7069 | 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 #B05275 as 0% and #FC7069 as 100%.

0.0%	0.0% #B05275	RGB 176 82 117	#B05275
16.7%	16.7% #BC5675	RGB 188 86 117	#BC5675
33.3%	33.3% #C95A74	RGB 201 90 116	#C95A74
50.0%	50.0% #D65E71	RGB 214 94 113	#D65E71
66.7%	66.7% #E2626E	RGB 226 98 110	#E2626E
83.3%	83.3% #EF6568	RGB 239 101 104	#EF6568
100.0%	100.0% #FC7069	RGB 252 112 105	#FC7069

#B05275 #BC5675 #C95A74 #D65E71 #E2626E #EF6568 #FC7069

#B05275 - #D65E71 - #FC7069

CSS codes

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

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