#527E50 - #518A70 | colorate

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

Blend #527E50 to #518A70

#527E50 #518A70

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

RGBブレンド

#527E50 - #518A70 | colorate

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

0.0%	0.0% #527E50	RGB 82 126 80	#527E50
16.7%	16.7% #518055	RGB 81 128 85	#518055
33.3%	33.3% #51825A	RGB 81 130 90	#51825A
50.0%	50.0% #518460	RGB 81 132 96	#518460
66.7%	66.7% #518665	RGB 81 134 101	#518665
83.3%	83.3% #51886A	RGB 81 136 106	#51886A
100.0%	100.0% #518A70	RGB 81 138 112	#518A70

#527E50 #518055 #51825A #518460 #518665 #51886A #518A70

#527E50 - #518A70

HSVブレンド

#527E50 - #518A70 | colorate

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

0.0%	0.0% #527E50	RGB 82 126 80	#527E50
16.7%	16.7% #508052	RGB 80 128 82	#508052
33.3%	33.3% #508258	RGB 80 130 88	#508258
50.0%	50.0% #50845D	RGB 80 132 93	#50845D
66.7%	66.7% #508663	RGB 80 134 99	#508663
83.3%	83.3% #508869	RGB 80 136 105	#508869
100.0%	100.0% #518A70	RGB 81 138 112	#518A70

#527E50 #508052 #508258 #50845D #508663 #508869 #518A70

#527E50 - #50845D - #518A70

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #527E50 0%, #50845D 50%, #518A70 100%);
    background: -webkit-linear-gradient(top, #527E50 0%, #50845D 50%, #518A70 100%);
    background: linear-gradient(to bottom, #527E50 0%, #50845D 50%, #518A70 100%);
}
</style>