#353D3D - #00281C | 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 #353D3D to #00281C

#353D3D #00281C

Calculate the color between two colors, #353D3D and #00281C. 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)

#353D3D - #00281C | 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 #353D3D as 0% and #00281C as 100%.

0.0%	0.0% #353D3D	RGB 53 61 61	#353D3D
16.7%	16.7% #2C3937	RGB 44 57 55	#2C3937
33.3%	33.3% #233632	RGB 35 54 50	#233632
50.0%	50.0% #1A322C	RGB 26 50 44	#1A322C
66.7%	66.7% #112F27	RGB 17 47 39	#112F27
83.3%	83.3% #082B21	RGB 8 43 33	#082B21
100.0%	100.0% #00281C	RGB 0 40 28	#00281C

#353D3D #2C3937 #233632 #1A322C #112F27 #082B21 #00281C

#353D3D - #00281C

HSV Blend

#353D3D - #00281C | 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 #353D3D as 0% and #00281C as 100%.

0.0%	0.0% #353D3D	RGB 53 61 61	#353D3D
16.7%	16.7% #293938	RGB 41 57 56	#293938
33.3%	33.3% #1F3633	RGB 31 54 51	#1F3633
50.0%	50.0% #15322E	RGB 21 50 46	#15322E
66.7%	66.7% #0D2F28	RGB 13 47 40	#0D2F28
83.3%	83.3% #062B22	RGB 6 43 34	#062B22
100.0%	100.0% #00281C	RGB 0 40 28	#00281C

#353D3D #293938 #1F3633 #15322E #0D2F28 #062B22 #00281C

#353D3D - #15322E - #00281C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #353D3D 0%, #15322E 50%, #00281C 100%);
    background: -webkit-linear-gradient(top, #353D3D 0%, #15322E 50%, #00281C 100%);
    background: linear-gradient(to bottom, #353D3D 0%, #15322E 50%, #00281C 100%);
}
</style>