#223122 - #032B00 | colorate

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

Blend #223122 to #032B00

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

RGBブレンド

#223122 - #032B00 | colorate

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

0.0%	0.0% #223122	RGB 34 49 34	#223122
16.7%	16.7% #1C301C	RGB 28 48 28	#1C301C
33.3%	33.3% #172F16	RGB 23 47 22	#172F16
50.0%	50.0% #122E11	RGB 18 46 17	#122E11
66.7%	66.7% #0D2D0B	RGB 13 45 11	#0D2D0B
83.3%	83.3% #082C05	RGB 8 44 5	#082C05
100.0%	100.0% #032B00	RGB 3 43 0	#032B00

#223122 #1C301C #172F16 #122E11 #0D2D0B #082C05 #032B00

#223122 - #032B00

HSVブレンド

#223122 - #032B00 | colorate

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

0.0%	0.0% #223122	RGB 34 49 34	#223122
16.7%	16.7% #1B301B	RGB 27 48 27	#1B301B
33.3%	33.3% #162F15	RGB 22 47 21	#162F15
50.0%	50.0% #112E0F	RGB 17 46 15	#112E0F
66.7%	66.7% #0C2D0A	RGB 12 45 10	#0C2D0A
83.3%	83.3% #072C05	RGB 7 44 5	#072C05
100.0%	100.0% #032B00	RGB 3 43 0	#032B00

#223122 #1B301B #162F15 #112E0F #0C2D0A #072C05 #032B00

#223122 - #112E0F - #032B00

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #223122 0%, #112E0F 50%, #032B00 100%);
    background: -webkit-linear-gradient(top, #223122 0%, #112E0F 50%, #032B00 100%);
    background: linear-gradient(to bottom, #223122 0%, #112E0F 50%, #032B00 100%);
}
</style>