#507A61 - #E5ECE7 | colorate

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

Blend #507A61 to #E5ECE7

#507A61 #E5ECE7

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

RGBブレンド

#507A61 - #E5ECE7 | colorate

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

0.0%	0.0% #507A61	RGB 80 122 97	#507A61
16.7%	16.7% #688D77	RGB 104 141 119	#688D77
33.3%	33.3% #81A08D	RGB 129 160 141	#81A08D
50.0%	50.0% #9AB3A4	RGB 154 179 164	#9AB3A4
66.7%	66.7% #B3C6BA	RGB 179 198 186	#B3C6BA
83.3%	83.3% #CCD9D0	RGB 204 217 208	#CCD9D0
100.0%	100.0% #E5ECE7	RGB 229 236 231	#E5ECE7

#507A61 #688D77 #81A08D #9AB3A4 #B3C6BA #CCD9D0 #E5ECE7

#507A61 - #E5ECE7

HSVブレンド

#507A61 - #E5ECE7 | colorate

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

0.0%	0.0% #507A61	RGB 80 122 97	#507A61
16.7%	16.7% #638D73	RGB 99 141 115	#638D73
33.3%	33.3% #79A087	RGB 121 160 135	#79A087
50.0%	50.0% #91B39D	RGB 145 179 157	#91B39D
66.7%	66.7% #ABC6B4	RGB 171 198 180	#ABC6B4
83.3%	83.3% #C7D9CC	RGB 199 217 204	#C7D9CC
100.0%	100.0% #E5ECE7	RGB 229 236 231	#E5ECE7

#507A61 #638D73 #79A087 #91B39D #ABC6B4 #C7D9CC #E5ECE7

#507A61 - #91B39D - #E5ECE7

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #507A61 0%, #91B39D 50%, #E5ECE7 100%);
    background: -webkit-linear-gradient(top, #507A61 0%, #91B39D 50%, #E5ECE7 100%);
    background: linear-gradient(to bottom, #507A61 0%, #91B39D 50%, #E5ECE7 100%);
}
</style>