#3A3A8C - #101028 | 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 #3A3A8C to #101028

#3A3A8C #101028

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

#3A3A8C - #101028 | 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 #3A3A8C as 0% and #101028 as 100%.

0.0%	0.0% #3A3A8C	RGB 58 58 140	#3A3A8C
16.7%	16.7% #33337B	RGB 51 51 123	#33337B
33.3%	33.3% #2C2C6A	RGB 44 44 106	#2C2C6A
50.0%	50.0% #25255A	RGB 37 37 90	#25255A
66.7%	66.7% #1E1E49	RGB 30 30 73	#1E1E49
83.3%	83.3% #171738	RGB 23 23 56	#171738
100.0%	100.0% #101028	RGB 16 16 40	#101028

#3A3A8C #33337B #2C2C6A #25255A #1E1E49 #171738 #101028

#3A3A8C - #101028

HSV Blend

#3A3A8C - #101028 | 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 #3A3A8C as 0% and #101028 as 100%.

0.0%	0.0% #3A3A8C	RGB 58 58 140	#3A3A8C
16.7%	16.7% #32327B	RGB 50 50 123	#32327B
33.3%	33.3% #2B2B6A	RGB 43 43 106	#2B2B6A
50.0%	50.0% #24245A	RGB 36 36 90	#24245A
66.7%	66.7% #1D1D49	RGB 29 29 73	#1D1D49
83.3%	83.3% #161638	RGB 22 22 56	#161638
100.0%	100.0% #101028	RGB 16 16 40	#101028

#3A3A8C #32327B #2B2B6A #24245A #1D1D49 #161638 #101028

#3A3A8C - #24245A - #101028

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A3A8C 0%, #24245A 50%, #101028 100%);
    background: -webkit-linear-gradient(top, #3A3A8C 0%, #24245A 50%, #101028 100%);
    background: linear-gradient(to bottom, #3A3A8C 0%, #24245A 50%, #101028 100%);
}
</style>