#868F0E - #8DB957 | colorate

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

Blend #868F0E to #8DB957

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

RGBブレンド

#868F0E - #8DB957 | colorate

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

0.0%	0.0% #868F0E	RGB 134 143 14	#868F0E
16.7%	16.7% #87961A	RGB 135 150 26	#87961A
33.3%	33.3% #889D26	RGB 136 157 38	#889D26
50.0%	50.0% #89A432	RGB 137 164 50	#89A432
66.7%	66.7% #8AAB3E	RGB 138 171 62	#8AAB3E
83.3%	83.3% #8BB24A	RGB 139 178 74	#8BB24A
100.0%	100.0% #8DB957	RGB 141 185 87	#8DB957

#868F0E #87961A #889D26 #89A432 #8AAB3E #8BB24A #8DB957

#868F0E - #8DB957

HSVブレンド

#868F0E - #8DB957 | colorate

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

0.0%	0.0% #868F0E	RGB 134 143 14	#868F0E
16.7%	16.7% #859617	RGB 133 150 23	#859617
33.3%	33.3% #859D22	RGB 133 157 34	#859D22
50.0%	50.0% #85A42E	RGB 133 164 46	#85A42E
66.7%	66.7% #86AB3B	RGB 134 171 59	#86AB3B
83.3%	83.3% #89B248	RGB 137 178 72	#89B248
100.0%	100.0% #8DB957	RGB 141 185 87	#8DB957

#868F0E #859617 #859D22 #85A42E #86AB3B #89B248 #8DB957

#868F0E - #85A42E - #8DB957

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #868F0E 0%, #85A42E 50%, #8DB957 100%);
    background: -webkit-linear-gradient(top, #868F0E 0%, #85A42E 50%, #8DB957 100%);
    background: linear-gradient(to bottom, #868F0E 0%, #85A42E 50%, #8DB957 100%);
}
</style>