#3C234C - #10080D | 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 #3C234C to #10080D

#3C234C #10080D

Calculate the color between two colors, #3C234C and #10080D. 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)

#3C234C - #10080D | 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 #3C234C as 0% and #10080D as 100%.

0.0%	0.0% #3C234C	RGB 60 35 76	#3C234C
16.7%	16.7% #341E41	RGB 52 30 65	#341E41
33.3%	33.3% #2D1A37	RGB 45 26 55	#2D1A37
50.0%	50.0% #26152C	RGB 38 21 44	#26152C
66.7%	66.7% #1E1122	RGB 30 17 34	#1E1122
83.3%	83.3% #170C17	RGB 23 12 23	#170C17
100.0%	100.0% #10080D	RGB 16 8 13	#10080D

#3C234C #341E41 #2D1A37 #26152C #1E1122 #170C17 #10080D

#3C234C - #10080D

HSV Blend

#3C234C - #10080D | 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 #3C234C as 0% and #10080D as 100%.

0.0%	0.0% #3C234C	RGB 60 35 76	#3C234C
16.7%	16.7% #381E42	RGB 56 30 66	#381E42
33.3%	33.3% #341A38	RGB 52 26 56	#341A38
50.0%	50.0% #2D162E	RGB 45 22 46	#2D162E
66.7%	66.7% #241121	RGB 36 17 33	#241121
83.3%	83.3% #1A0C16	RGB 26 12 22	#1A0C16
100.0%	100.0% #10080D	RGB 16 8 13	#10080D

#3C234C #381E42 #341A38 #2D162E #241121 #1A0C16 #10080D

#3C234C - #2D162E - #10080D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C234C 0%, #2D162E 50%, #10080D 100%);
    background: -webkit-linear-gradient(top, #3C234C 0%, #2D162E 50%, #10080D 100%);
    background: linear-gradient(to bottom, #3C234C 0%, #2D162E 50%, #10080D 100%);
}
</style>