#091200 - #244932 | colorate

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

Blend #091200 to #244932

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

RGBブレンド

#091200 - #244932 | colorate

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

0.0%	0.0% #091200	RGB 9 18 0	#091200
16.7%	16.7% #0D1B08	RGB 13 27 8	#0D1B08
33.3%	33.3% #122410	RGB 18 36 16	#122410
50.0%	50.0% #162D19	RGB 22 45 25	#162D19
66.7%	66.7% #1B3621	RGB 27 54 33	#1B3621
83.3%	83.3% #1F3F29	RGB 31 63 41	#1F3F29
100.0%	100.0% #244932	RGB 36 73 50	#244932

#091200 #0D1B08 #122410 #162D19 #1B3621 #1F3F29 #244932

#091200 - #244932

HSVブレンド

#091200 - #244932 | colorate

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

0.0%	0.0% #091200	RGB 9 18 0	#091200
16.7%	16.7% #0B1B02	RGB 11 27 2	#0B1B02
33.3%	33.3% #0C2405	RGB 12 36 5	#0C2405
50.0%	50.0% #0D2D0B	RGB 13 45 11	#0D2D0B
66.7%	66.7% #113615	RGB 17 54 21	#113615
83.3%	83.3% #1A3F22	RGB 26 63 34	#1A3F22
100.0%	100.0% #244932	RGB 36 73 50	#244932

#091200 #0B1B02 #0C2405 #0D2D0B #113615 #1A3F22 #244932

#091200 - #0D2D0B - #244932

CSSコード

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

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