#038F2A - #053F1F | colorate

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

Blend #038F2A to #053F1F

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

RGBブレンド

#038F2A - #053F1F | colorate

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

0.0%	0.0% #038F2A	RGB 3 143 42	#038F2A
16.7%	16.7% #038128	RGB 3 129 40	#038128
33.3%	33.3% #037426	RGB 3 116 38	#037426
50.0%	50.0% #046724	RGB 4 103 36	#046724
66.7%	66.7% #045922	RGB 4 89 34	#045922
83.3%	83.3% #044C20	RGB 4 76 32	#044C20
100.0%	100.0% #053F1F	RGB 5 63 31	#053F1F

#038F2A #038128 #037426 #046724 #045922 #044C20 #053F1F

#038F2A - #053F1F

HSVブレンド

#038F2A - #053F1F | colorate

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

0.0%	0.0% #038F2A	RGB 3 143 42	#038F2A
16.7%	16.7% #03812A	RGB 3 129 42	#03812A
33.3%	33.3% #04742A	RGB 4 116 42	#04742A
50.0%	50.0% #056728	RGB 5 103 40	#056728
66.7%	66.7% #055926	RGB 5 89 38	#055926
83.3%	83.3% #054C23	RGB 5 76 35	#054C23
100.0%	100.0% #053F1F	RGB 5 63 31	#053F1F

#038F2A #03812A #04742A #056728 #055926 #054C23 #053F1F

#038F2A - #056728 - #053F1F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #038F2A 0%, #056728 50%, #053F1F 100%);
    background: -webkit-linear-gradient(top, #038F2A 0%, #056728 50%, #053F1F 100%);
    background: linear-gradient(to bottom, #038F2A 0%, #056728 50%, #053F1F 100%);
}
</style>