#761437 - #CD4D4C | 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 #761437 to #CD4D4C

#761437 #CD4D4C

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

#761437 - #CD4D4C | 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 #761437 as 0% and #CD4D4C as 100%.

0.0%	0.0% #761437	RGB 118 20 55	#761437
16.7%	16.7% #841D3A	RGB 132 29 58	#841D3A
33.3%	33.3% #93273E	RGB 147 39 62	#93273E
50.0%	50.0% #A13041	RGB 161 48 65	#A13041
66.7%	66.7% #B03A45	RGB 176 58 69	#B03A45
83.3%	83.3% #BE4348	RGB 190 67 72	#BE4348
100.0%	100.0% #CD4D4C	RGB 205 77 76	#CD4D4C

#761437 #841D3A #93273E #A13041 #B03A45 #BE4348 #CD4D4C

#761437 - #CD4D4C

HSV Blend

#761437 - #CD4D4C | 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 #761437 as 0% and #CD4D4C as 100%.

0.0%	0.0% #761437	RGB 118 20 55	#761437
16.7%	16.7% #841A3A	RGB 132 26 58	#841A3A
33.3%	33.3% #93223D	RGB 147 34 61	#93223D
50.0%	50.0% #A12B40	RGB 161 43 64	#A12B40
66.7%	66.7% #B03543	RGB 176 53 67	#B03543
83.3%	83.3% #BE4046	RGB 190 64 70	#BE4046
100.0%	100.0% #CD4D4C	RGB 205 77 76	#CD4D4C

#761437 #841A3A #93223D #A12B40 #B03543 #BE4046 #CD4D4C

#761437 - #A12B40 - #CD4D4C

CSS codes

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

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