#122629 - #291226 | colorate

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

Tweet

Blend #122629 to #291226

#122629

#291226

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

RGBブレンド

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

0.0%	0.0% #122629	RGB 18 38 41	#122629
16.7%	16.7% #152329	RGB 21 35 41	#152329
33.3%	33.3% #192028	RGB 25 32 40	#192028
50.0%	50.0% #1D1C28	RGB 29 28 40	#1D1C28
66.7%	66.7% #211927	RGB 33 25 39	#211927
83.3%	83.3% #251627	RGB 37 22 39	#251627
100.0%	100.0% #291226	RGB 41 18 38	#291226

#122629 #152329 #192028 #1D1C28 #211927 #251627 #291226

#122629 - #291226

HSVブレンド

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

0.0%	0.0% #122629	RGB 18 38 41	#122629
16.7%	16.7% #121E29	RGB 18 30 41	#121E29
33.3%	33.3% #121629	RGB 18 22 41	#121629
50.0%	50.0% #141229	RGB 20 18 41	#141229
66.7%	66.7% #1C1229	RGB 28 18 41	#1C1229
83.3%	83.3% #241229	RGB 36 18 41	#241229
100.0%	100.0% #291226	RGB 41 18 38	#291226

#122629 #121E29 #121629 #141229 #1C1229 #241229 #291226

#122629 - #141229 - #291226

CSSコード

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

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