#71384C - #3C0F12 | 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 #71384C to #3C0F12

#71384C #3C0F12

Calculate the color between two colors, #71384C and #3C0F12. 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)

#71384C - #3C0F12 | 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 #71384C as 0% and #3C0F12 as 100%.

0.0%	0.0% #71384C	RGB 113 56 76	#71384C
16.7%	16.7% #683142	RGB 104 49 66	#683142
33.3%	33.3% #5F2A38	RGB 95 42 56	#5F2A38
50.0%	50.0% #56232F	RGB 86 35 47	#56232F
66.7%	66.7% #4D1C25	RGB 77 28 37	#4D1C25
83.3%	83.3% #44151B	RGB 68 21 27	#44151B
100.0%	100.0% #3C0F12	RGB 60 15 18	#3C0F12

#71384C #683142 #5F2A38 #56232F #4D1C25 #44151B #3C0F12

#71384C - #3C0F12

HSV Blend

#71384C - #3C0F12 | 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 #71384C as 0% and #3C0F12 as 100%.

0.0%	0.0% #71384C	RGB 113 56 76	#71384C
16.7%	16.7% #682F40	RGB 104 47 64	#682F40
33.3%	33.3% #5F2735	RGB 95 39 53	#5F2735
50.0%	50.0% #56202B	RGB 86 32 43	#56202B
66.7%	66.7% #4D1922	RGB 77 25 34	#4D1922
83.3%	83.3% #441419	RGB 68 20 25	#441419
100.0%	100.0% #3C0F12	RGB 60 15 18	#3C0F12

#71384C #682F40 #5F2735 #56202B #4D1922 #441419 #3C0F12

#71384C - #56202B - #3C0F12

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #71384C 0%, #56202B 50%, #3C0F12 100%);
    background: -webkit-linear-gradient(top, #71384C 0%, #56202B 50%, #3C0F12 100%);
    background: linear-gradient(to bottom, #71384C 0%, #56202B 50%, #3C0F12 100%);
}
</style>