#538F3D - #E5EFE3 | colorate

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

Blend #538F3D to #E5EFE3

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

RGBブレンド

#538F3D - #E5EFE3 | colorate

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

0.0%	0.0% #538F3D	RGB 83 143 61	#538F3D
16.7%	16.7% #6B9F58	RGB 107 159 88	#6B9F58
33.3%	33.3% #83AF74	RGB 131 175 116	#83AF74
50.0%	50.0% #9CBF90	RGB 156 191 144	#9CBF90
66.7%	66.7% #B4CFAB	RGB 180 207 171	#B4CFAB
83.3%	83.3% #CCDFC7	RGB 204 223 199	#CCDFC7
100.0%	100.0% #E5EFE3	RGB 229 239 227	#E5EFE3

#538F3D #6B9F58 #83AF74 #9CBF90 #B4CFAB #CCDFC7 #E5EFE3

#538F3D - #E5EFE3

HSVブレンド

#538F3D - #E5EFE3 | colorate

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

0.0%	0.0% #538F3D	RGB 83 143 61	#538F3D
16.7%	16.7% #659F51	RGB 101 159 81	#659F51
33.3%	33.3% #79AF69	RGB 121 175 105	#79AF69
50.0%	50.0% #90BF83	RGB 144 191 131	#90BF83
66.7%	66.7% #A9CFA0	RGB 169 207 160	#A9CFA0
83.3%	83.3% #C5DFC0	RGB 197 223 192	#C5DFC0
100.0%	100.0% #E5EFE3	RGB 229 239 227	#E5EFE3

#538F3D #659F51 #79AF69 #90BF83 #A9CFA0 #C5DFC0 #E5EFE3

#538F3D - #90BF83 - #E5EFE3

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #538F3D 0%, #90BF83 50%, #E5EFE3 100%);
    background: -webkit-linear-gradient(top, #538F3D 0%, #90BF83 50%, #E5EFE3 100%);
    background: linear-gradient(to bottom, #538F3D 0%, #90BF83 50%, #E5EFE3 100%);
}
</style>