#757574 - #B8FF79 | colorate

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

Blend #757574 to #B8FF79

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

RGBブレンド

#757574 - #B8FF79 | colorate

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

0.0%	0.0% #757574	RGB 117 117 116	#757574
16.7%	16.7% #808C74	RGB 128 140 116	#808C74
33.3%	33.3% #8BA375	RGB 139 163 117	#8BA375
50.0%	50.0% #96BA76	RGB 150 186 118	#96BA76
66.7%	66.7% #A1D177	RGB 161 209 119	#A1D177
83.3%	83.3% #ACE878	RGB 172 232 120	#ACE878
100.0%	100.0% #B8FF79	RGB 184 255 121	#B8FF79

#757574 #808C74 #8BA375 #96BA76 #A1D177 #ACE878 #B8FF79

#757574 - #B8FF79

HSVブレンド

#757574 - #B8FF79 | colorate

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

0.0%	0.0% #757574	RGB 117 117 116	#757574
16.7%	16.7% #8A8C7E	RGB 138 140 126	#8A8C7E
33.3%	33.3% #9DA385	RGB 157 163 133	#9DA385
50.0%	50.0% #ACBA88	RGB 172 186 136	#ACBA88
66.7%	66.7% #B6D187	RGB 182 209 135	#B6D187
83.3%	83.3% #BAE882	RGB 186 232 130	#BAE882
100.0%	100.0% #B8FF79	RGB 184 255 121	#B8FF79

#757574 #8A8C7E #9DA385 #ACBA88 #B6D187 #BAE882 #B8FF79

#757574 - #ACBA88 - #B8FF79

CSSコード

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

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