#101602 - #BABCB6 | colorate

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

Blend #101602 to #BABCB6

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

RGBブレンド

#101602 - #BABCB6 | colorate

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

0.0%	0.0% #101602	RGB 16 22 2	#101602
16.7%	16.7% #2C3120	RGB 44 49 32	#2C3120
33.3%	33.3% #484D3E	RGB 72 77 62	#484D3E
50.0%	50.0% #65695C	RGB 101 105 92	#65695C
66.7%	66.7% #81847A	RGB 129 132 122	#81847A
83.3%	83.3% #9DA098	RGB 157 160 152	#9DA098
100.0%	100.0% #BABCB6	RGB 186 188 182	#BABCB6

#101602 #2C3120 #484D3E #65695C #81847A #9DA098 #BABCB6

#101602 - #BABCB6

HSVブレンド

#101602 - #BABCB6 | colorate

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

0.0%	0.0% #101602	RGB 16 22 2	#101602
16.7%	16.7% #26310B	RGB 38 49 11	#26310B
33.3%	33.3% #3E4D1D	RGB 62 77 29	#3E4D1D
50.0%	50.0% #596937	RGB 89 105 55	#596937
66.7%	66.7% #768459	RGB 118 132 89	#768459
83.3%	83.3% #96A083	RGB 150 160 131	#96A083
100.0%	100.0% #BABCB6	RGB 186 188 182	#BABCB6

#101602 #26310B #3E4D1D #596937 #768459 #96A083 #BABCB6

#101602 - #596937 - #BABCB6

CSSコード

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

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