#251E26 - #26241E | colorate

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

Blend #251E26 to #26241E

#251E26

#26241E

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

RGBブレンド

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

0.0%	0.0% #251E26	RGB 37 30 38	#251E26
16.7%	16.7% #251F25	RGB 37 31 37	#251F25
33.3%	33.3% #252024	RGB 37 32 36	#252024
50.0%	50.0% #252122	RGB 37 33 34	#252122
66.7%	66.7% #252221	RGB 37 34 33	#252221
83.3%	83.3% #252320	RGB 37 35 32	#252320
100.0%	100.0% #26241E	RGB 38 36 30	#26241E

#251E26 #251F25 #252024 #252122 #252221 #252320 #26241E

#251E26 - #26241E

HSVブレンド

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

0.0%	0.0% #251E26	RGB 37 30 38	#251E26
16.7%	16.7% #261E24	RGB 38 30 36	#261E24
33.3%	33.3% #261E22	RGB 38 30 34	#261E22
50.0%	50.0% #261E1F	RGB 38 30 31	#261E1F
66.7%	66.7% #261F1E	RGB 38 31 30	#261F1E
83.3%	83.3% #26211E	RGB 38 33 30	#26211E
100.0%	100.0% #26241E	RGB 38 36 30	#26241E

#251E26 #261E24 #261E22 #261E1F #261F1E #26211E #26241E

#251E26 - #261E1F - #26241E

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #251E26 0%, #261E1F 50%, #26241E 100%);
    background: -webkit-linear-gradient(top, #251E26 0%, #261E1F 50%, #26241E 100%);
    background: linear-gradient(to bottom, #251E26 0%, #261E1F 50%, #26241E 100%); 
}
</style>