#C55B5C - #751D20 | 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 #C55B5C to #751D20

#C55B5C #751D20

Calculate the color between two colors, #C55B5C and #751D20. 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)

#C55B5C - #751D20 | 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 #C55B5C as 0% and #751D20 as 100%.

0.0%	0.0% #C55B5C	RGB 197 91 92	#C55B5C
16.7%	16.7% #B75052	RGB 183 80 82	#B75052
33.3%	33.3% #AA4648	RGB 170 70 72	#AA4648
50.0%	50.0% #9D3C3E	RGB 157 60 62	#9D3C3E
66.7%	66.7% #8F3134	RGB 143 49 52	#8F3134
83.3%	83.3% #82272A	RGB 130 39 42	#82272A
100.0%	100.0% #751D20	RGB 117 29 32	#751D20

#C55B5C #B75052 #AA4648 #9D3C3E #8F3134 #82272A #751D20

#C55B5C - #751D20

HSV Blend

#C55B5C - #751D20 | 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 #C55B5C as 0% and #751D20 as 100%.

0.0%	0.0% #C55B5B	RGB 197 91 91	#C55B5B
16.7%	16.7% #B74E4F	RGB 183 78 79	#B74E4F
33.3%	33.3% #AA4244	RGB 170 66 68	#AA4244
50.0%	50.0% #9D3739	RGB 157 55 57	#9D3739
66.7%	66.7% #8F2D30	RGB 143 45 48	#8F2D30
83.3%	83.3% #822427	RGB 130 36 39	#822427
100.0%	100.0% #751D20	RGB 117 29 32	#751D20

#C55B5B #B74E4F #AA4244 #9D3739 #8F2D30 #822427 #751D20

#C55B5C - #9D3739 - #751D20

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C55B5B 0%, #9D3739 50%, #751D20 100%);
    background: -webkit-linear-gradient(top, #C55B5B 0%, #9D3739 50%, #751D20 100%);
    background: linear-gradient(to bottom, #C55B5B 0%, #9D3739 50%, #751D20 100%);
}
</style>