#021103 - #000020 | colorate

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

Blend #021103 to #000020

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

RGBブレンド

#021103 - #000020 | colorate

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

0.0%	0.0% #021103	RGB 2 17 3	#021103
16.7%	16.7% #010E07	RGB 1 14 7	#010E07
33.3%	33.3% #010B0C	RGB 1 11 12	#010B0C
50.0%	50.0% #010811	RGB 1 8 17	#010811
66.7%	66.7% #000516	RGB 0 5 22	#000516
83.3%	83.3% #00021B	RGB 0 2 27	#00021B
100.0%	100.0% #000020	RGB 0 0 32	#000020

#021103 #010E07 #010B0C #010811 #000516 #00021B #000020

#021103 - #000020

HSVブレンド

#021103 - #000020 | colorate

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

0.0%	0.0% #011103	RGB 1 17 3	#011103
16.7%	16.7% #011308	RGB 1 19 8	#011308
33.3%	33.3% #011610	RGB 1 22 16	#011610
50.0%	50.0% #011718	RGB 1 23 24	#011718
66.7%	66.7% #01111B	RGB 1 17 27	#01111B
83.3%	83.3% #00091D	RGB 0 9 29	#00091D
100.0%	100.0% #000020	RGB 0 0 32	#000020

#011103 #011308 #011610 #011718 #01111B #00091D #000020

#021103 - #011718 - #000020

CSSコード

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

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