#1A0039 - #060010 | 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 #1A0039 to #060010

#1A0039 #060010

Calculate the color between two colors, #1A0039 and #060010. 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)

#1A0039 - #060010 | 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 #1A0039 as 0% and #060010 as 100%.

0.0%	0.0% #1A0039	RGB 26 0 57	#1A0039
16.7%	16.7% #160032	RGB 22 0 50	#160032
33.3%	33.3% #13002B	RGB 19 0 43	#13002B
50.0%	50.0% #100024	RGB 16 0 36	#100024
66.7%	66.7% #0C001D	RGB 12 0 29	#0C001D
83.3%	83.3% #090016	RGB 9 0 22	#090016
100.0%	100.0% #060010	RGB 6 0 16	#060010

#1A0039 #160032 #13002B #100024 #0C001D #090016 #060010

#1A0039 - #060010

HSV Blend

#1A0039 - #060010 | 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 #1A0039 as 0% and #060010 as 100%.

0.0%	0.0% #1A0039	RGB 26 0 57	#1A0039
16.7%	16.7% #160032	RGB 22 0 50	#160032
33.3%	33.3% #12002B	RGB 18 0 43	#12002B
50.0%	50.0% #0F0024	RGB 15 0 36	#0F0024
66.7%	66.7% #0B001D	RGB 11 0 29	#0B001D
83.3%	83.3% #080016	RGB 8 0 22	#080016
100.0%	100.0% #060010	RGB 6 0 16	#060010

#1A0039 #160032 #12002B #0F0024 #0B001D #080016 #060010

#1A0039 - #0F0024 - #060010

CSS codes

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

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