#B05277 - #6C0F2D | 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 #B05277 to #6C0F2D

#B05277 #6C0F2D

Calculate the color between two colors, #B05277 and #6C0F2D. 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)

#B05277 - #6C0F2D | 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 #B05277 as 0% and #6C0F2D as 100%.

0.0%	0.0% #B05277	RGB 176 82 119	#B05277
16.7%	16.7% #A4466A	RGB 164 70 106	#A4466A
33.3%	33.3% #993B5E	RGB 153 59 94	#993B5E
50.0%	50.0% #8E3052	RGB 142 48 82	#8E3052
66.7%	66.7% #822545	RGB 130 37 69	#822545
83.3%	83.3% #771A39	RGB 119 26 57	#771A39
100.0%	100.0% #6C0F2D	RGB 108 15 45	#6C0F2D

#B05277 #A4466A #993B5E #8E3052 #822545 #771A39 #6C0F2D

#B05277 - #6C0F2D

HSV Blend

#B05277 - #6C0F2D | 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 #B05277 as 0% and #6C0F2D as 100%.

0.0%	0.0% #B05277	RGB 176 82 119	#B05277
16.7%	16.7% #A44368	RGB 164 67 104	#A44368
33.3%	33.3% #99365B	RGB 153 54 91	#99365B
50.0%	50.0% #8E2A4E	RGB 142 42 78	#8E2A4E
66.7%	66.7% #822042	RGB 130 32 66	#822042
83.3%	83.3% #771737	RGB 119 23 55	#771737
100.0%	100.0% #6C0F2D	RGB 108 15 45	#6C0F2D

#B05277 #A44368 #99365B #8E2A4E #822042 #771737 #6C0F2D

#B05277 - #8E2A4E - #6C0F2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B05277 0%, #8E2A4E 50%, #6C0F2D 100%);
    background: -webkit-linear-gradient(top, #B05277 0%, #8E2A4E 50%, #6C0F2D 100%);
    background: linear-gradient(to bottom, #B05277 0%, #8E2A4E 50%, #6C0F2D 100%);
}
</style>