#254740 - #274253 | colorate

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

Blend #254740 to #274253

#254740 #274253

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

RGBブレンド

#254740 - #274253 | colorate

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

0.0%	0.0% #254740	RGB 37 71 64	#254740
16.7%	16.7% #254643	RGB 37 70 67	#254643
33.3%	33.3% #254546	RGB 37 69 70	#254546
50.0%	50.0% #264449	RGB 38 68 73	#264449
66.7%	66.7% #26434C	RGB 38 67 76	#26434C
83.3%	83.3% #26424F	RGB 38 66 79	#26424F
100.0%	100.0% #274253	RGB 39 66 83	#274253

#254740 #254643 #254546 #264449 #26434C #26424F #274253

#254740 - #274253

HSVブレンド

#254740 - #274253 | colorate

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

0.0%	0.0% #254740	RGB 37 71 64	#254740
16.7%	16.7% #254945	RGB 37 73 69	#254945
33.3%	33.3% #254B4A	RGB 37 75 74	#254B4A
50.0%	50.0% #26494D	RGB 38 73 77	#26494D
66.7%	66.7% #26474F	RGB 38 71 79	#26474F
83.3%	83.3% #264451	RGB 38 68 81	#264451
100.0%	100.0% #274253	RGB 39 66 83	#274253

#254740 #254945 #254B4A #26494D #26474F #264451 #274253

#254740 - #26494D - #274253

CSSコード

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

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