#101339 - #070A12 | 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 #101339 to #070A12

#101339 #070A12

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

#101339 - #070A12 | 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 #101339 as 0% and #070A12 as 100%.

0.0%	0.0% #101339	RGB 16 19 57	#101339
16.7%	16.7% #0E1132	RGB 14 17 50	#0E1132
33.3%	33.3% #0D102C	RGB 13 16 44	#0D102C
50.0%	50.0% #0B0E25	RGB 11 14 37	#0B0E25
66.7%	66.7% #0A0D1F	RGB 10 13 31	#0A0D1F
83.3%	83.3% #080B18	RGB 8 11 24	#080B18
100.0%	100.0% #070A12	RGB 7 10 18	#070A12

#101339 #0E1132 #0D102C #0B0E25 #0A0D1F #080B18 #070A12

#101339 - #070A12

HSV Blend

#101339 - #070A12 | 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 #101339 as 0% and #070A12 as 100%.

0.0%	0.0% #101339	RGB 16 19 57	#101339
16.7%	16.7% #0F1232	RGB 15 18 50	#0F1232
33.3%	33.3% #0D122C	RGB 13 18 44	#0D122C
50.0%	50.0% #0C1025	RGB 12 16 37	#0C1025
66.7%	66.7% #0A0F1F	RGB 10 15 31	#0A0F1F
83.3%	83.3% #090C18	RGB 9 12 24	#090C18
100.0%	100.0% #070A12	RGB 7 10 18	#070A12

#101339 #0F1232 #0D122C #0C1025 #0A0F1F #090C18 #070A12

#101339 - #0C1025 - #070A12

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #101339 0%, #0C1025 50%, #070A12 100%);
    background: -webkit-linear-gradient(top, #101339 0%, #0C1025 50%, #070A12 100%);
    background: linear-gradient(to bottom, #101339 0%, #0C1025 50%, #070A12 100%);
}
</style>