#678F15 - #2D5208 | colorate

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

Blend #678F15 to #2D5208

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

RGBブレンド

#678F15 - #2D5208 | colorate

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

0.0%	0.0% #678F15	RGB 103 143 21	#678F15
16.7%	16.7% #5D8412	RGB 93 132 18	#5D8412
33.3%	33.3% #537A10	RGB 83 122 16	#537A10
50.0%	50.0% #4A700E	RGB 74 112 14	#4A700E
66.7%	66.7% #40660C	RGB 64 102 12	#40660C
83.3%	83.3% #365C0A	RGB 54 92 10	#365C0A
100.0%	100.0% #2D5208	RGB 45 82 8	#2D5208

#678F15 #5D8412 #537A10 #4A700E #40660C #365C0A #2D5208

#678F15 - #2D5208

HSVブレンド

#678F15 - #2D5208 | colorate

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

0.0%	0.0% #678F15	RGB 103 143 21	#678F15
16.7%	16.7% #5C8412	RGB 92 132 18	#5C8412
33.3%	33.3% #517A0F	RGB 81 122 15	#517A0F
50.0%	50.0% #47700D	RGB 71 112 13	#47700D
66.7%	66.7% #3E660B	RGB 62 102 11	#3E660B
83.3%	83.3% #355C09	RGB 53 92 9	#355C09
100.0%	100.0% #2D5208	RGB 45 82 8	#2D5208

#678F15 #5C8412 #517A0F #47700D #3E660B #355C09 #2D5208

#678F15 - #47700D - #2D5208

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #678F15 0%, #47700D 50%, #2D5208 100%);
    background: -webkit-linear-gradient(top, #678F15 0%, #47700D 50%, #2D5208 100%);
    background: linear-gradient(to bottom, #678F15 0%, #47700D 50%, #2D5208 100%);
}
</style>