#76213A - #210810 | 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 #76213A to #210810

#76213A #210810

Calculate the color between two colors, #76213A and #210810. 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)

#76213A - #210810 | 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 #76213A as 0% and #210810 as 100%.

0.0%	0.0% #76213A	RGB 118 33 58	#76213A
16.7%	16.7% #671C33	RGB 103 28 51	#671C33
33.3%	33.3% #59182C	RGB 89 24 44	#59182C
50.0%	50.0% #4B1425	RGB 75 20 37	#4B1425
66.7%	66.7% #3D101E	RGB 61 16 30	#3D101E
83.3%	83.3% #2F0C17	RGB 47 12 23	#2F0C17
100.0%	100.0% #210810	RGB 33 8 16	#210810

#76213A #671C33 #59182C #4B1425 #3D101E #2F0C17 #210810

#76213A - #210810

HSV Blend

#76213A - #210810 | 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 #76213A as 0% and #210810 as 100%.

0.0%	0.0% #76213A	RGB 118 33 58	#76213A
16.7%	16.7% #671C32	RGB 103 28 50	#671C32
33.3%	33.3% #59172B	RGB 89 23 43	#59172B
50.0%	50.0% #4B1324	RGB 75 19 36	#4B1324
66.7%	66.7% #3D0F1D	RGB 61 15 29	#3D0F1D
83.3%	83.3% #2F0B16	RGB 47 11 22	#2F0B16
100.0%	100.0% #210810	RGB 33 8 16	#210810

#76213A #671C32 #59172B #4B1324 #3D0F1D #2F0B16 #210810

#76213A - #4B1324 - #210810

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #76213A 0%, #4B1324 50%, #210810 100%);
    background: -webkit-linear-gradient(top, #76213A 0%, #4B1324 50%, #210810 100%);
    background: linear-gradient(to bottom, #76213A 0%, #4B1324 50%, #210810 100%);
}
</style>