#3F8F3D - #267538 | colorate

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

Blend #3F8F3D to #267538

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

RGBブレンド

#3F8F3D - #267538 | colorate

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

0.0%	0.0% #3F8F3D	RGB 63 143 61	#3F8F3D
16.7%	16.7% #3A8A3C	RGB 58 138 60	#3A8A3C
33.3%	33.3% #36863B	RGB 54 134 59	#36863B
50.0%	50.0% #32823A	RGB 50 130 58	#32823A
66.7%	66.7% #2E7D39	RGB 46 125 57	#2E7D39
83.3%	83.3% #2A7938	RGB 42 121 56	#2A7938
100.0%	100.0% #267538	RGB 38 117 56	#267538

#3F8F3D #3A8A3C #36863B #32823A #2E7D39 #2A7938 #267538

#3F8F3D - #267538

HSVブレンド

#3F8F3D - #267538 | colorate

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

0.0%	0.0% #3F8F3D	RGB 63 143 61	#3F8F3D
16.7%	16.7% #388A3A	RGB 56 138 58	#388A3A
33.3%	33.3% #348639	RGB 52 134 57	#348639
50.0%	50.0% #308239	RGB 48 130 57	#308239
66.7%	66.7% #2D7D38	RGB 45 125 56	#2D7D38
83.3%	83.3% #297938	RGB 41 121 56	#297938
100.0%	100.0% #267538	RGB 38 117 56	#267538

#3F8F3D #388A3A #348639 #308239 #2D7D38 #297938 #267538

#3F8F3D - #308239 - #267538

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F8F3D 0%, #308239 50%, #267538 100%);
    background: -webkit-linear-gradient(top, #3F8F3D 0%, #308239 50%, #267538 100%);
    background: linear-gradient(to bottom, #3F8F3D 0%, #308239 50%, #267538 100%);
}
</style>