#070639 - #010110 | 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 #070639 to #010110

#070639 #010110

Calculate the color between two colors, #070639 and #010110. 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)

#070639 - #010110 | 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 #070639 as 0% and #010110 as 100%.

0.0%	0.0% #070639	RGB 7 6 57	#070639
16.7%	16.7% #060532	RGB 6 5 50	#060532
33.3%	33.3% #05042B	RGB 5 4 43	#05042B
50.0%	50.0% #040324	RGB 4 3 36	#040324
66.7%	66.7% #03021D	RGB 3 2 29	#03021D
83.3%	83.3% #020116	RGB 2 1 22	#020116
100.0%	100.0% #010110	RGB 1 1 16	#010110

#070639 #060532 #05042B #040324 #03021D #020116 #010110

#070639 - #010110

HSV Blend

#070639 - #010110 | 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 #070639 as 0% and #010110 as 100%.

0.0%	0.0% #060639	RGB 6 6 57	#060639
16.7%	16.7% #050432	RGB 5 4 50	#050432
33.3%	33.3% #04032B	RGB 4 3 43	#04032B
50.0%	50.0% #030324	RGB 3 3 36	#030324
66.7%	66.7% #02021D	RGB 2 2 29	#02021D
83.3%	83.3% #010116	RGB 1 1 22	#010116
100.0%	100.0% #010110	RGB 1 1 16	#010110

#060639 #050432 #04032B #030324 #02021D #010116 #010110

#070639 - #030324 - #010110

CSS codes

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

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