#1F2021 - #545551 | 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 #1F2021 to #545551

#1F2021 #545551

Calculate the color between two colors, #1F2021 and #545551. 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)

#1F2021 - #545551 | 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 #1F2021 as 0% and #545551 as 100%.

0.0%	0.0% #1F2021	RGB 31 32 33	#1F2021
16.7%	16.7% #272829	RGB 39 40 41	#272829
33.3%	33.3% #303131	RGB 48 49 49	#303131
50.0%	50.0% #393A39	RGB 57 58 57	#393A39
66.7%	66.7% #424341	RGB 66 67 65	#424341
83.3%	83.3% #4B4C49	RGB 75 76 73	#4B4C49
100.0%	100.0% #545551	RGB 84 85 81	#545551

#1F2021 #272829 #303131 #393A39 #424341 #4B4C49 #545551

#1F2021 - #545551

HSV Blend

#1F2021 - #545551 | 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 #1F2021 as 0% and #545551 as 100%.

0.0%	0.0% #1F2021	RGB 31 32 33	#1F2021
16.7%	16.7% #272929	RGB 39 41 41	#272929
33.3%	33.3% #2F3231	RGB 47 50 49	#2F3231
50.0%	50.0% #373B39	RGB 55 59 57	#373B39
66.7%	66.7% #404340	RGB 64 67 64	#404340
83.3%	83.3% #494C48	RGB 73 76 72	#494C48
100.0%	100.0% #545551	RGB 84 85 81	#545551

#1F2021 #272929 #2F3231 #373B39 #404340 #494C48 #545551

#1F2021 - #373B39 - #545551

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F2021 0%, #373B39 50%, #545551 100%);
    background: -webkit-linear-gradient(top, #1F2021 0%, #373B39 50%, #545551 100%);
    background: linear-gradient(to bottom, #1F2021 0%, #373B39 50%, #545551 100%);
}
</style>