#7E8F30 - #DADFC3 | colorate

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

Blend #7E8F30 to #DADFC3

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

RGBブレンド

#7E8F30 - #DADFC3 | colorate

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

0.0%	0.0% #7E8F30	RGB 126 143 48	#7E8F30
16.7%	16.7% #8D9C48	RGB 141 156 72	#8D9C48
33.3%	33.3% #9CA961	RGB 156 169 97	#9CA961
50.0%	50.0% #ACB779	RGB 172 183 121	#ACB779
66.7%	66.7% #BBC492	RGB 187 196 146	#BBC492
83.3%	83.3% #CAD1AA	RGB 202 209 170	#CAD1AA
100.0%	100.0% #DADFC3	RGB 218 223 195	#DADFC3

#7E8F30 #8D9C48 #9CA961 #ACB779 #BBC492 #CAD1AA #DADFC3

#7E8F30 - #DADFC3

HSVブレンド

#7E8F30 - #DADFC3 | colorate

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

0.0%	0.0% #7E8F30	RGB 126 143 48	#7E8F30
16.7%	16.7% #8C9C42	RGB 140 156 66	#8C9C42
33.3%	33.3% #9AA957	RGB 154 169 87	#9AA957
50.0%	50.0% #AAB76E	RGB 170 183 110	#AAB76E
66.7%	66.7% #B9C488	RGB 185 196 136	#B9C488
83.3%	83.3% #C9D1A4	RGB 201 209 164	#C9D1A4
100.0%	100.0% #DADFC3	RGB 218 223 195	#DADFC3

#7E8F30 #8C9C42 #9AA957 #AAB76E #B9C488 #C9D1A4 #DADFC3

#7E8F30 - #AAB76E - #DADFC3

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E8F30 0%, #AAB76E 50%, #DADFC3 100%);
    background: -webkit-linear-gradient(top, #7E8F30 0%, #AAB76E 50%, #DADFC3 100%);
    background: linear-gradient(to bottom, #7E8F30 0%, #AAB76E 50%, #DADFC3 100%);
}
</style>