#351E5E - #070036 | 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 #351E5E to #070036

#351E5E #070036

Calculate the color between two colors, #351E5E and #070036. 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)

#351E5E - #070036 | 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 #351E5E as 0% and #070036 as 100%.

0.0%	0.0% #351E5E	RGB 53 30 94	#351E5E
16.7%	16.7% #2D1957	RGB 45 25 87	#2D1957
33.3%	33.3% #251450	RGB 37 20 80	#251450
50.0%	50.0% #1E0F4A	RGB 30 15 74	#1E0F4A
66.7%	66.7% #160A43	RGB 22 10 67	#160A43
83.3%	83.3% #0E053C	RGB 14 5 60	#0E053C
100.0%	100.0% #070036	RGB 7 0 54	#070036

#351E5E #2D1957 #251450 #1E0F4A #160A43 #0E053C #070036

#351E5E - #070036

HSV Blend

#351E5E - #070036 | 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 #351E5E as 0% and #070036 as 100%.

0.0%	0.0% #351E5E	RGB 53 30 94	#351E5E
16.7%	16.7% #2B1757	RGB 43 23 87	#2B1757
33.3%	33.3% #231150	RGB 35 17 80	#231150
50.0%	50.0% #1B0B4A	RGB 27 11 74	#1B0B4A
66.7%	66.7% #130743	RGB 19 7 67	#130743
83.3%	83.3% #0C033C	RGB 12 3 60	#0C033C
100.0%	100.0% #070036	RGB 7 0 54	#070036

#351E5E #2B1757 #231150 #1B0B4A #130743 #0C033C #070036

#351E5E - #1B0B4A - #070036

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #351E5E 0%, #1B0B4A 50%, #070036 100%);
    background: -webkit-linear-gradient(top, #351E5E 0%, #1B0B4A 50%, #070036 100%);
    background: linear-gradient(to bottom, #351E5E 0%, #1B0B4A 50%, #070036 100%);
}
</style>