#273A27 - #002802 | colorate

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

Blend #273A27 to #002802

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

RGBブレンド

#273A27 - #002802 | colorate

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

0.0%	0.0% #273A27	RGB 39 58 39	#273A27
16.7%	16.7% #203720	RGB 32 55 32	#203720
33.3%	33.3% #1A341A	RGB 26 52 26	#1A341A
50.0%	50.0% #133114	RGB 19 49 20	#133114
66.7%	66.7% #0D2E0E	RGB 13 46 14	#0D2E0E
83.3%	83.3% #062B08	RGB 6 43 8	#062B08
100.0%	100.0% #002802	RGB 0 40 2	#002802

#273A27 #203720 #1A341A #133114 #0D2E0E #062B08 #002802

#273A27 - #002802

HSVブレンド

#273A27 - #002802 | colorate

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

0.0%	0.0% #273A27	RGB 39 58 39	#273A27
16.7%	16.7% #1E371F	RGB 30 55 31	#1E371F
33.3%	33.3% #173417	RGB 23 52 23	#173417
50.0%	50.0% #103111	RGB 16 49 17	#103111
66.7%	66.7% #0A2E0B	RGB 10 46 11	#0A2E0B
83.3%	83.3% #042B06	RGB 4 43 6	#042B06
100.0%	100.0% #002802	RGB 0 40 2	#002802

#273A27 #1E371F #173417 #103111 #0A2E0B #042B06 #002802

#273A27 - #103111 - #002802

CSSコード

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

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