#013918 - #001119 | 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 #013918 to #001119

#013918 #001119

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

#013918 - #001119 | 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 #013918 as 0% and #001119 as 100%.

0.0%	0.0% #013918	RGB 1 57 24	#013918
16.7%	16.7% #003218	RGB 0 50 24	#003218
33.3%	33.3% #002B18	RGB 0 43 24	#002B18
50.0%	50.0% #002518	RGB 0 37 24	#002518
66.7%	66.7% #001E18	RGB 0 30 24	#001E18
83.3%	83.3% #001718	RGB 0 23 24	#001718
100.0%	100.0% #001119	RGB 0 17 25	#001119

#013918 #003218 #002B18 #002518 #001E18 #001718 #001119

#013918 - #001119

HSV Blend

#013918 - #001119 | 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 #013918 as 0% and #001119 as 100%.

0.0%	0.0% #003917	RGB 0 57 23	#003917
16.7%	16.7% #00331D	RGB 0 51 29	#00331D
33.3%	33.3% #002E21	RGB 0 46 33	#002E21
50.0%	50.0% #002923	RGB 0 41 35	#002923
66.7%	66.7% #002323	RGB 0 35 35	#002323
83.3%	83.3% #00191E	RGB 0 25 30	#00191E
100.0%	100.0% #001119	RGB 0 17 25	#001119

#003917 #00331D #002E21 #002923 #002323 #00191E #001119

#013918 - #002923 - #001119

CSS codes

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

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