#44704A - #AAB96F | colorate

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

Blend #44704A to #AAB96F

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

RGBブレンド

#44704A - #AAB96F | colorate

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

0.0%	0.0% #44704A	RGB 68 112 74	#44704A
16.7%	16.7% #557C50	RGB 85 124 80	#557C50
33.3%	33.3% #668856	RGB 102 136 86	#668856
50.0%	50.0% #77945C	RGB 119 148 92	#77945C
66.7%	66.7% #88A062	RGB 136 160 98	#88A062
83.3%	83.3% #99AC68	RGB 153 172 104	#99AC68
100.0%	100.0% #AAB96F	RGB 170 185 111	#AAB96F

#44704A #557C50 #668856 #77945C #88A062 #99AC68 #AAB96F

#44704A - #AAB96F

HSVブレンド

#44704A - #AAB96F | colorate

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

0.0%	0.0% #44704A	RGB 68 112 74	#44704A
16.7%	16.7% #4C7C4B	RGB 76 124 75	#4C7C4B
33.3%	33.3% #5B8852	RGB 91 136 82	#5B8852
50.0%	50.0% #6D9459	RGB 109 148 89	#6D9459
66.7%	66.7% #7FA060	RGB 127 160 96	#7FA060
83.3%	83.3% #94AC67	RGB 148 172 103	#94AC67
100.0%	100.0% #AAB96F	RGB 170 185 111	#AAB96F

#44704A #4C7C4B #5B8852 #6D9459 #7FA060 #94AC67 #AAB96F

#44704A - #6D9459 - #AAB96F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44704A 0%, #6D9459 50%, #AAB96F 100%);
    background: -webkit-linear-gradient(top, #44704A 0%, #6D9459 50%, #AAB96F 100%);
    background: linear-gradient(to bottom, #44704A 0%, #6D9459 50%, #AAB96F 100%);
}
</style>