#3F326B - #18063E | 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 #3F326B to #18063E

#3F326B #18063E

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

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

0.0%	0.0% #3F326B	RGB 63 50 107	#3F326B
16.7%	16.7% #382A63	RGB 56 42 99	#382A63
33.3%	33.3% #32235C	RGB 50 35 92	#32235C
50.0%	50.0% #2B1C54	RGB 43 28 84	#2B1C54
66.7%	66.7% #25144D	RGB 37 20 77	#25144D
83.3%	83.3% #1E0D45	RGB 30 13 69	#1E0D45
100.0%	100.0% #18063E	RGB 24 6 62	#18063E

#3F326B #382A63 #32235C #2B1C54 #25144D #1E0D45 #18063E

#3F326B - #18063E

HSV Blend

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

0.0%	0.0% #3F326B	RGB 63 50 107	#3F326B
16.7%	16.7% #362863	RGB 54 40 99	#362863
33.3%	33.3% #2F1F5C	RGB 47 31 92	#2F1F5C
50.0%	50.0% #281754	RGB 40 23 84	#281754
66.7%	66.7% #22104D	RGB 34 16 77	#22104D
83.3%	83.3% #1C0B45	RGB 28 11 69	#1C0B45
100.0%	100.0% #18063E	RGB 24 6 62	#18063E

#3F326B #362863 #2F1F5C #281754 #22104D #1C0B45 #18063E

#3F326B - #281754 - #18063E

CSS codes

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

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