#180608 - #4F322F | 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 #180608 to #4F322F

#180608 #4F322F

Calculate the color between two colors, #180608 and #4F322F. 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)

#180608 - #4F322F | 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 #180608 as 0% and #4F322F as 100%.

0.0%	0.0% #180608	RGB 24 6 8	#180608
16.7%	16.7% #210D0E	RGB 33 13 14	#210D0E
33.3%	33.3% #2A1415	RGB 42 20 21	#2A1415
50.0%	50.0% #331C1B	RGB 51 28 27	#331C1B
66.7%	66.7% #3C2322	RGB 60 35 34	#3C2322
83.3%	83.3% #452A28	RGB 69 42 40	#452A28
100.0%	100.0% #4F322F	RGB 79 50 47	#4F322F

#180608 #210D0E #2A1415 #331C1B #3C2322 #452A28 #4F322F

#180608 - #4F322F

HSV Blend

#180608 - #4F322F | 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 #180608 as 0% and #4F322F as 100%.

0.0%	0.0% #180607	RGB 24 6 7	#180607
16.7%	16.7% #210A0B	RGB 33 10 11	#210A0B
33.3%	33.3% #2A0F10	RGB 42 15 16	#2A0F10
50.0%	50.0% #331516	RGB 51 21 22	#331516
66.7%	66.7% #3C1D1D	RGB 60 29 29	#3C1D1D
83.3%	83.3% #452725	RGB 69 39 37	#452725
100.0%	100.0% #4F322F	RGB 79 50 47	#4F322F

#180607 #210A0B #2A0F10 #331516 #3C1D1D #452725 #4F322F

#180608 - #331516 - #4F322F

CSS codes

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

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