#453E42 - #131112 | 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 #131112

#453E42 #131112

Calculate the color between two colors, #453E42 and #131112. 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 - #131112 | 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 #131112 as 100%.

0.0%	0.0% #453E42	RGB 69 62 66	#453E42
16.7%	16.7% #3C363A	RGB 60 54 58	#3C363A
33.3%	33.3% #342F32	RGB 52 47 50	#342F32
50.0%	50.0% #2C272A	RGB 44 39 42	#2C272A
66.7%	66.7% #232022	RGB 35 32 34	#232022
83.3%	83.3% #1B181A	RGB 27 24 26	#1B181A
100.0%	100.0% #131112	RGB 19 17 18	#131112

#453E42 #3C363A #342F32 #2C272A #232022 #1B181A #131112

#453E42 - #131112

HSV Blend

#453E42 - #131112 | 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 #131112 as 100%.

0.0%	0.0% #453E42	RGB 69 62 66	#453E42
16.7%	16.7% #3C3639	RGB 60 54 57	#3C3639
33.3%	33.3% #342E31	RGB 52 46 49	#342E31
50.0%	50.0% #2C2729	RGB 44 39 41	#2C2729
66.7%	66.7% #231F21	RGB 35 31 33	#231F21
83.3%	83.3% #1B1819	RGB 27 24 25	#1B1819
100.0%	100.0% #131112	RGB 19 17 18	#131112

#453E42 #3C3639 #342E31 #2C2729 #231F21 #1B1819 #131112

#453E42 - #2C2729 - #131112

CSS codes

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

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