#16144D - #0C0435 | 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 #16144D to #0C0435

#16144D #0C0435

Calculate the color between two colors, #16144D and #0C0435. 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)

#16144D - #0C0435 | 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 #16144D as 0% and #0C0435 as 100%.

0.0%	0.0% #16144D	RGB 22 20 77	#16144D
16.7%	16.7% #141149	RGB 20 17 73	#141149
33.3%	33.3% #120E45	RGB 18 14 69	#120E45
50.0%	50.0% #110C41	RGB 17 12 65	#110C41
66.7%	66.7% #0F093D	RGB 15 9 61	#0F093D
83.3%	83.3% #0D0639	RGB 13 6 57	#0D0639
100.0%	100.0% #0C0435	RGB 12 4 53	#0C0435

#16144D #141149 #120E45 #110C41 #0F093D #0D0639 #0C0435

#16144D - #0C0435

HSV Blend

#16144D - #0C0435 | 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 #16144D as 0% and #0C0435 as 100%.

0.0%	0.0% #15134D	RGB 21 19 77	#15134D
16.7%	16.7% #131049	RGB 19 16 73	#131049
33.3%	33.3% #110D45	RGB 17 13 69	#110D45
50.0%	50.0% #100A41	RGB 16 10 65	#100A41
66.7%	66.7% #0E083D	RGB 14 8 61	#0E083D
83.3%	83.3% #0D0639	RGB 13 6 57	#0D0639
100.0%	100.0% #0C0435	RGB 12 4 53	#0C0435

#15134D #131049 #110D45 #100A41 #0E083D #0D0639 #0C0435

#16144D - #100A41 - #0C0435

CSS codes

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

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