#1D1A8D - #080728 | 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 #1D1A8D to #080728

#1D1A8D #080728

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

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

0.0%	0.0% #1D1A8D	RGB 29 26 141	#1D1A8D
16.7%	16.7% #19167C	RGB 25 22 124	#19167C
33.3%	33.3% #16136B	RGB 22 19 107	#16136B
50.0%	50.0% #12105A	RGB 18 16 90	#12105A
66.7%	66.7% #0F0D49	RGB 15 13 73	#0F0D49
83.3%	83.3% #0B0A38	RGB 11 10 56	#0B0A38
100.0%	100.0% #080728	RGB 8 7 40	#080728

#1D1A8D #19167C #16136B #12105A #0F0D49 #0B0A38 #080728

#1D1A8D - #080728

HSV Blend

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

0.0%	0.0% #1C1A8D	RGB 28 26 141	#1C1A8D
16.7%	16.7% #19167C	RGB 25 22 124	#19167C
33.3%	33.3% #15136B	RGB 21 19 107	#15136B
50.0%	50.0% #12105A	RGB 18 16 90	#12105A
66.7%	66.7% #0E0D49	RGB 14 13 73	#0E0D49
83.3%	83.3% #0B0A38	RGB 11 10 56	#0B0A38
100.0%	100.0% #080728	RGB 8 7 40	#080728

#1C1A8D #19167C #15136B #12105A #0E0D49 #0B0A38 #080728

#1D1A8D - #12105A - #080728

CSS codes

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

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