#3B2D4D - #17080E | 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 #3B2D4D to #17080E

#3B2D4D #17080E

Calculate the color between two colors, #3B2D4D and #17080E. 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)

#3B2D4D - #17080E | 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 #3B2D4D as 0% and #17080E as 100%.

0.0%	0.0% #3B2D4D	RGB 59 45 77	#3B2D4D
16.7%	16.7% #352642	RGB 53 38 66	#352642
33.3%	33.3% #2F2038	RGB 47 32 56	#2F2038
50.0%	50.0% #291A2D	RGB 41 26 45	#291A2D
66.7%	66.7% #231423	RGB 35 20 35	#231423
83.3%	83.3% #1D0E18	RGB 29 14 24	#1D0E18
100.0%	100.0% #17080E	RGB 23 8 14	#17080E

#3B2D4D #352642 #2F2038 #291A2D #231423 #1D0E18 #17080E

#3B2D4D - #17080E

HSV Blend

#3B2D4D - #17080E | 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 #3B2D4D as 0% and #17080E as 100%.

0.0%	0.0% #3B2D4D	RGB 59 45 77	#3B2D4D
16.7%	16.7% #382544	RGB 56 37 68	#382544
33.3%	33.3% #351D3B	RGB 53 29 59	#351D3B
50.0%	50.0% #321731	RGB 50 23 49	#321731
66.7%	66.7% #291124	RGB 41 17 36	#291124
83.3%	83.3% #200C18	RGB 32 12 24	#200C18
100.0%	100.0% #17080E	RGB 23 8 14	#17080E

#3B2D4D #382544 #351D3B #321731 #291124 #200C18 #17080E

#3B2D4D - #321731 - #17080E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B2D4D 0%, #321731 50%, #17080E 100%);
    background: -webkit-linear-gradient(top, #3B2D4D 0%, #321731 50%, #17080E 100%);
    background: linear-gradient(to bottom, #3B2D4D 0%, #321731 50%, #17080E 100%);
}
</style>