#453E42 - #360F0C | 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 #453E42 to #360F0C

#453E42 #360F0C

Calculate the color between two colors, #453E42 and #360F0C. 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)

#453E42 - #360F0C | 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 #453E42 as 0% and #360F0C as 100%.

0.0%	0.0% #453E42	RGB 69 62 66	#453E42
16.7%	16.7% #423639	RGB 66 54 57	#423639
33.3%	33.3% #402E30	RGB 64 46 48	#402E30
50.0%	50.0% #3D2627	RGB 61 38 39	#3D2627
66.7%	66.7% #3B1E1E	RGB 59 30 30	#3B1E1E
83.3%	83.3% #381615	RGB 56 22 21	#381615
100.0%	100.0% #360F0C	RGB 54 15 12	#360F0C

#453E42 #423639 #402E30 #3D2627 #3B1E1E #381615 #360F0C

#453E42 - #360F0C

HSV Blend

#453E42 - #360F0C | 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 #453E42 as 0% and #360F0C as 100%.

0.0%	0.0% #453E42	RGB 69 62 66	#453E42
16.7%	16.7% #42343A	RGB 66 52 58	#42343A
33.3%	33.3% #402B32	RGB 64 43 50	#402B32
50.0%	50.0% #3D2229	RGB 61 34 41	#3D2229
66.7%	66.7% #3B1A1F	RGB 59 26 31	#3B1A1F
83.3%	83.3% #381214	RGB 56 18 20	#381214
100.0%	100.0% #360F0C	RGB 54 15 12	#360F0C

#453E42 #42343A #402B32 #3D2229 #3B1A1F #381214 #360F0C

#453E42 - #3D2229 - #360F0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #453E42 0%, #3D2229 50%, #360F0C 100%);
    background: -webkit-linear-gradient(top, #453E42 0%, #3D2229 50%, #360F0C 100%);
    background: linear-gradient(to bottom, #453E42 0%, #3D2229 50%, #360F0C 100%);
}
</style>