#76213F - #33080F | 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 #76213F to #33080F

#76213F #33080F

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

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

0.0%	0.0% #76213F	RGB 118 33 63	#76213F
16.7%	16.7% #6A1C37	RGB 106 28 55	#6A1C37
33.3%	33.3% #5F182F	RGB 95 24 47	#5F182F
50.0%	50.0% #541427	RGB 84 20 39	#541427
66.7%	66.7% #49101F	RGB 73 16 31	#49101F
83.3%	83.3% #3E0C17	RGB 62 12 23	#3E0C17
100.0%	100.0% #33080F	RGB 51 8 15	#33080F

#76213F #6A1C37 #5F182F #541427 #49101F #3E0C17 #33080F

#76213F - #33080F

HSV Blend

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

0.0%	0.0% #76213F	RGB 118 33 63	#76213F
16.7%	16.7% #6A1B35	RGB 106 27 53	#6A1B35
33.3%	33.3% #5F162B	RGB 95 22 43	#5F162B
50.0%	50.0% #541223	RGB 84 18 35	#541223
66.7%	66.7% #490E1B	RGB 73 14 27	#490E1B
83.3%	83.3% #3E0B14	RGB 62 11 20	#3E0B14
100.0%	100.0% #33080F	RGB 51 8 15	#33080F

#76213F #6A1B35 #5F162B #541223 #490E1B #3E0B14 #33080F

#76213F - #541223 - #33080F

CSS codes

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

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