#291212 - #122629 | colorate

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

Blend #291212 to #122629

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

RGBブレンド

#291212 - #122629 | colorate

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

0.0%	0.0% #291212	RGB 41 18 18	#291212
16.7%	16.7% #251515	RGB 37 21 21	#251515
33.3%	33.3% #211819	RGB 33 24 25	#211819
50.0%	50.0% #1D1C1D	RGB 29 28 29	#1D1C1D
66.7%	66.7% #191F21	RGB 25 31 33	#191F21
83.3%	83.3% #152225	RGB 21 34 37	#152225
100.0%	100.0% #122629	RGB 18 38 41	#122629

#291212 #251515 #211819 #1D1C1D #191F21 #152225 #122629

#291212 - #122629

HSVブレンド

#291212 - #122629 | colorate

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

0.0%	0.0% #291212	RGB 41 18 18	#291212
16.7%	16.7% #29121C	RGB 41 18 28	#29121C
33.3%	33.3% #291228	RGB 41 18 40	#291228
50.0%	50.0% #1F1229	RGB 31 18 41	#1F1229
66.7%	66.7% #131229	RGB 19 18 41	#131229
83.3%	83.3% #121B29	RGB 18 27 41	#121B29
100.0%	100.0% #122629	RGB 18 38 41	#122629

#291212 #29121C #291228 #1F1229 #131229 #121B29 #122629

#291212 - #1F1229 - #122629

CSSコード

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

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