#10230C - #001E01 | colorate

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

Blend #10230C to #001E01

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

RGBブレンド

#10230C - #001E01 | colorate

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

0.0%	0.0% #10230C	RGB 16 35 12	#10230C
16.7%	16.7% #0D220A	RGB 13 34 10	#0D220A
33.3%	33.3% #0A2108	RGB 10 33 8	#0A2108
50.0%	50.0% #082006	RGB 8 32 6	#082006
66.7%	66.7% #051F04	RGB 5 31 4	#051F04
83.3%	83.3% #021E02	RGB 2 30 2	#021E02
100.0%	100.0% #001E01	RGB 0 30 1	#001E01

#10230C #0D220A #0A2108 #082006 #051F04 #021E02 #001E01

#10230C - #001E01

HSVブレンド

#10230C - #001E01 | colorate

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

0.0%	0.0% #0F230C	RGB 15 35 12	#0F230C
16.7%	16.7% #0D2209	RGB 13 34 9	#0D2209
33.3%	33.3% #0A2107	RGB 10 33 7	#0A2107
50.0%	50.0% #072005	RGB 7 32 5	#072005
66.7%	66.7% #041F03	RGB 4 31 3	#041F03
83.3%	83.3% #011E01	RGB 1 30 1	#011E01
100.0%	100.0% #001E01	RGB 0 30 1	#001E01

#0F230C #0D2209 #0A2107 #072005 #041F03 #011E01 #001E01

#10230C - #072005 - #001E01

CSSコード

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

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