#0E2A1B - #396345 | colorate

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

Blend #0E2A1B to #396345

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

RGBブレンド

#0E2A1B - #396345 | colorate

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

0.0%	0.0% #0E2A1B	RGB 14 42 27	#0E2A1B
16.7%	16.7% #153322	RGB 21 51 34	#153322
33.3%	33.3% #1C3D29	RGB 28 61 41	#1C3D29
50.0%	50.0% #234630	RGB 35 70 48	#234630
66.7%	66.7% #2A5037	RGB 42 80 55	#2A5037
83.3%	83.3% #31593E	RGB 49 89 62	#31593E
100.0%	100.0% #396345	RGB 57 99 69	#396345

#0E2A1B #153322 #1C3D29 #234630 #2A5037 #31593E #396345

#0E2A1B - #396345

HSVブレンド

#0E2A1B - #396345 | colorate

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

0.0%	0.0% #0E2A1B	RGB 14 42 27	#0E2A1B
16.7%	16.7% #133321	RGB 19 51 33	#133321
33.3%	33.3% #193D27	RGB 25 61 39	#193D27
50.0%	50.0% #20462E	RGB 32 70 46	#20462E
66.7%	66.7% #275035	RGB 39 80 53	#275035
83.3%	83.3% #2F593D	RGB 47 89 61	#2F593D
100.0%	100.0% #396345	RGB 57 99 69	#396345

#0E2A1B #133321 #193D27 #20462E #275035 #2F593D #396345

#0E2A1B - #20462E - #396345

CSSコード

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

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