#1A283B - #070C0C | 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 #1A283B to #070C0C

#1A283B #070C0C

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

#1A283B - #070C0C | 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 #1A283B as 0% and #070C0C as 100%.

0.0%	0.0% #1A283B	RGB 26 40 59	#1A283B
16.7%	16.7% #162333	RGB 22 35 51	#162333
33.3%	33.3% #131E2B	RGB 19 30 43	#131E2B
50.0%	50.0% #101A23	RGB 16 26 35	#101A23
66.7%	66.7% #0D151B	RGB 13 21 27	#0D151B
83.3%	83.3% #0A1013	RGB 10 16 19	#0A1013
100.0%	100.0% #070C0C	RGB 7 12 12	#070C0C

#1A283B #162333 #131E2B #101A23 #0D151B #0A1013 #070C0C

#1A283B - #070C0C

HSV Blend

#1A283B - #070C0C | 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 #1A283B as 0% and #070C0C as 100%.

0.0%	0.0% #1A283B	RGB 26 40 59	#1A283B
16.7%	16.7% #172633	RGB 23 38 51	#172633
33.3%	33.3% #15222B	RGB 21 34 43	#15222B
50.0%	50.0% #121E23	RGB 18 30 35	#121E23
66.7%	66.7% #0E191B	RGB 14 25 27	#0E191B
83.3%	83.3% #0B1213	RGB 11 18 19	#0B1213
100.0%	100.0% #070C0C	RGB 7 12 12	#070C0C

#1A283B #172633 #15222B #121E23 #0E191B #0B1213 #070C0C

#1A283B - #121E23 - #070C0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A283B 0%, #121E23 50%, #070C0C 100%);
    background: -webkit-linear-gradient(top, #1A283B 0%, #121E23 50%, #070C0C 100%);
    background: linear-gradient(to bottom, #1A283B 0%, #121E23 50%, #070C0C 100%);
}
</style>