#2F1D1A - #C3BEBD | colorate

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

Blend #2F1D1A to #C3BEBD

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

RGBブレンド

#2F1D1A - #C3BEBD | colorate

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

0.0%	0.0% #2F1D1A	RGB 47 29 26	#2F1D1A
16.7%	16.7% #473735	RGB 71 55 53	#473735
33.3%	33.3% #605250	RGB 96 82 80	#605250
50.0%	50.0% #796D6B	RGB 121 109 107	#796D6B
66.7%	66.7% #918886	RGB 145 136 134	#918886
83.3%	83.3% #AAA3A1	RGB 170 163 161	#AAA3A1
100.0%	100.0% #C3BEBD	RGB 195 190 189	#C3BEBD

#2F1D1A #473735 #605250 #796D6B #918886 #AAA3A1 #C3BEBD

#2F1D1A - #C3BEBD

HSVブレンド

#2F1D1A - #C3BEBD | colorate

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

0.0%	0.0% #2F1D1A	RGB 47 29 26	#2F1D1A
16.7%	16.7% #47302C	RGB 71 48 44	#47302C
33.3%	33.3% #604742	RGB 96 71 66	#604742
50.0%	50.0% #79605C	RGB 121 96 92	#79605C
66.7%	66.7% #917C78	RGB 145 124 120	#917C78
83.3%	83.3% #AA9C99	RGB 170 156 153	#AA9C99
100.0%	100.0% #C3BEBD	RGB 195 190 189	#C3BEBD

#2F1D1A #47302C #604742 #79605C #917C78 #AA9C99 #C3BEBD

#2F1D1A - #79605C - #C3BEBD

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F1D1A 0%, #79605C 50%, #C3BEBD 100%);
    background: -webkit-linear-gradient(top, #2F1D1A 0%, #79605C 50%, #C3BEBD 100%);
    background: linear-gradient(to bottom, #2F1D1A 0%, #79605C 50%, #C3BEBD 100%);
}
</style>