#5F5E5E - #21152B | colorate

colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。サイトをよりよくする

Blend #5F5E5E to #21152B

#5F5E5Eと#21152Bの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。

RGBブレンド

#5F5E5E - #21152B | colorate

RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#5F5E5Eを0%、#21152Bを100%として二色間の色を展開します。

0.0%	0.0% #5F5E5E	RGB 95 94 94	#5F5E5E
16.7%	16.7% #545155	RGB 84 81 85	#545155
33.3%	33.3% #4A454D	RGB 74 69 77	#4A454D
50.0%	50.0% #403944	RGB 64 57 68	#403944
66.7%	66.7% #352D3C	RGB 53 45 60	#352D3C
83.3%	83.3% #2B2133	RGB 43 33 51	#2B2133
100.0%	100.0% #21152B	RGB 33 21 43	#21152B

#5F5E5E #545155 #4A454D #403944 #352D3C #2B2133 #21152B

#5F5E5E - #21152B

HSVブレンド

#5F5E5E - #21152B | colorate

HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#5F5E5Eを0%、#21152Bを100%として二色間の色を展開します。

0.0%	0.0% #5F5E5E	RGB 95 94 94	#5F5E5E
16.7%	16.7% #564E50	RGB 86 78 80	#564E50
33.3%	33.3% #4D3F46	RGB 77 63 70	#4D3F46
50.0%	50.0% #453240	RGB 69 50 64	#453240
66.7%	66.7% #3C273B	RGB 60 39 59	#3C273B
83.3%	83.3% #2E1D33	RGB 46 29 51	#2E1D33
100.0%	100.0% #21152B	RGB 33 21 43	#21152B

#5F5E5E #564E50 #4D3F46 #453240 #3C273B #2E1D33 #21152B

#5F5E5E - #453240 - #21152B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5F5E5E 0%, #453240 50%, #21152B 100%);
    background: -webkit-linear-gradient(top, #5F5E5E 0%, #453240 50%, #21152B 100%);
    background: linear-gradient(to bottom, #5F5E5E 0%, #453240 50%, #21152B 100%);
}
</style>