#71385C - #3C0F1F | 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 #71385C to #3C0F1F

#71385C #3C0F1F

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

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

0.0%	0.0% #71385C	RGB 113 56 92	#71385C
16.7%	16.7% #683151	RGB 104 49 81	#683151
33.3%	33.3% #5F2A47	RGB 95 42 71	#5F2A47
50.0%	50.0% #56233D	RGB 86 35 61	#56233D
66.7%	66.7% #4D1C33	RGB 77 28 51	#4D1C33
83.3%	83.3% #441529	RGB 68 21 41	#441529
100.0%	100.0% #3C0F1F	RGB 60 15 31	#3C0F1F

#71385C #683151 #5F2A47 #56233D #4D1C33 #441529 #3C0F1F

#71385C - #3C0F1F

HSV Blend

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

0.0%	0.0% #71385C	RGB 113 56 92	#71385C
16.7%	16.7% #682F50	RGB 104 47 80	#682F50
33.3%	33.3% #5F2745	RGB 95 39 69	#5F2745
50.0%	50.0% #56203B	RGB 86 32 59	#56203B
66.7%	66.7% #4D1930	RGB 77 25 48	#4D1930
83.3%	83.3% #441427	RGB 68 20 39	#441427
100.0%	100.0% #3C0F1F	RGB 60 15 31	#3C0F1F

#71385C #682F50 #5F2745 #56203B #4D1930 #441427 #3C0F1F

#71385C - #56203B - #3C0F1F

CSS codes

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

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