#384656 - #101418 | 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 #384656 to #101418

#384656 #101418

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

#384656 - #101418 | 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 #384656 as 0% and #101418 as 100%.

0.0%	0.0% #384656	RGB 56 70 86	#384656
16.7%	16.7% #313D4B	RGB 49 61 75	#313D4B
33.3%	33.3% #2A3541	RGB 42 53 65	#2A3541
50.0%	50.0% #242D37	RGB 36 45 55	#242D37
66.7%	66.7% #1D242C	RGB 29 36 44	#1D242C
83.3%	83.3% #161C22	RGB 22 28 34	#161C22
100.0%	100.0% #101418	RGB 16 20 24	#101418

#384656 #313D4B #2A3541 #242D37 #1D242C #161C22 #101418

#384656 - #101418

HSV Blend

#384656 - #101418 | 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 #384656 as 0% and #101418 as 100%.

0.0%	0.0% #384656	RGB 56 70 86	#384656
16.7%	16.7% #313D4B	RGB 49 61 75	#313D4B
33.3%	33.3% #2A3541	RGB 42 53 65	#2A3541
50.0%	50.0% #242D37	RGB 36 45 55	#242D37
66.7%	66.7% #1D242C	RGB 29 36 44	#1D242C
83.3%	83.3% #161C22	RGB 22 28 34	#161C22
100.0%	100.0% #101418	RGB 16 20 24	#101418

#384656 #313D4B #2A3541 #242D37 #1D242C #161C22 #101418

#384656 - #242D37 - #101418

CSS codes

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

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