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

#001714 #001119

Calculate the color between two colors, #001714 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)

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

0.0%	0.0% #001714	RGB 0 23 20	#001714
16.7%	16.7% #001614	RGB 0 22 20	#001614
33.3%	33.3% #001515	RGB 0 21 21	#001515
50.0%	50.0% #001416	RGB 0 20 22	#001416
66.7%	66.7% #001317	RGB 0 19 23	#001317
83.3%	83.3% #001218	RGB 0 18 24	#001218
100.0%	100.0% #001119	RGB 0 17 25	#001119

#001714 #001614 #001515 #001416 #001317 #001218 #001119

#001714 - #001119

HSV Blend

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

0.0%	0.0% #001714	RGB 0 23 20	#001714
16.7%	16.7% #001716	RGB 0 23 22	#001716
33.3%	33.3% #001717	RGB 0 23 23	#001717
50.0%	50.0% #001518	RGB 0 21 24	#001518
66.7%	66.7% #001418	RGB 0 20 24	#001418
83.3%	83.3% #001218	RGB 0 18 24	#001218
100.0%	100.0% #001119	RGB 0 17 25	#001119

#001714 #001716 #001717 #001518 #001418 #001218 #001119

#001714 - #001518 - #001119

CSS codes

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

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