#11151C - #35464F | 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 #11151C to #35464F

#11151C #35464F

Calculate the color between two colors, #11151C and #35464F. 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)

#11151C - #35464F | 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 #11151C as 0% and #35464F as 100%.

0.0%	0.0% #11151C	RGB 17 21 28	#11151C
16.7%	16.7% #171D24	RGB 23 29 36	#171D24
33.3%	33.3% #1D252D	RGB 29 37 45	#1D252D
50.0%	50.0% #232D35	RGB 35 45 53	#232D35
66.7%	66.7% #29353E	RGB 41 53 62	#29353E
83.3%	83.3% #2F3D46	RGB 47 61 70	#2F3D46
100.0%	100.0% #35464F	RGB 53 70 79	#35464F

#11151C #171D24 #1D252D #232D35 #29353E #2F3D46 #35464F

#11151C - #35464F

HSV Blend

#11151C - #35464F | 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 #11151C as 0% and #35464F as 100%.

0.0%	0.0% #11151C	RGB 17 21 28	#11151C
16.7%	16.7% #161C24	RGB 22 28 36	#161C24
33.3%	33.3% #1C232D	RGB 28 35 45	#1C232D
50.0%	50.0% #222C35	RGB 34 44 53	#222C35
66.7%	66.7% #28343E	RGB 40 52 62	#28343E
83.3%	83.3% #2E3D46	RGB 46 61 70	#2E3D46
100.0%	100.0% #35464F	RGB 53 70 79	#35464F

#11151C #161C24 #1C232D #222C35 #28343E #2E3D46 #35464F

#11151C - #222C35 - #35464F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #11151C 0%, #222C35 50%, #35464F 100%);
    background: -webkit-linear-gradient(top, #11151C 0%, #222C35 50%, #35464F 100%);
    background: linear-gradient(to bottom, #11151C 0%, #222C35 50%, #35464F 100%);
}
</style>