#747574 - #79FBFF | colorate

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

Blend #747574 to #79FBFF

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

RGBブレンド

#747574 - #79FBFF | colorate

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

0.0%	0.0% #747574	RGB 116 117 116	#747574
16.7%	16.7% #748B8B	RGB 116 139 139	#748B8B
33.3%	33.3% #75A1A2	RGB 117 161 162	#75A1A2
50.0%	50.0% #76B8B9	RGB 118 184 185	#76B8B9
66.7%	66.7% #77CED0	RGB 119 206 208	#77CED0
83.3%	83.3% #78E4E7	RGB 120 228 231	#78E4E7
100.0%	100.0% #79FBFF	RGB 121 251 255	#79FBFF

#747574 #748B8B #75A1A2 #76B8B9 #77CED0 #78E4E7 #79FBFF

#747574 - #79FBFF

HSVブレンド

#747574 - #79FBFF | colorate

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

0.0%	0.0% #747574	RGB 116 117 116	#747574
16.7%	16.7% #7E8C81	RGB 126 140 129	#7E8C81
33.3%	33.3% #85A38F	RGB 133 163 143	#85A38F
50.0%	50.0% #88BAA1	RGB 136 186 161	#88BAA1
66.7%	66.7% #87D1B9	RGB 135 209 185	#87D1B9
83.3%	83.3% #82E8D9	RGB 130 232 217	#82E8D9
100.0%	100.0% #79FBFF	RGB 121 251 255	#79FBFF

#747574 #7E8C81 #85A38F #88BAA1 #87D1B9 #82E8D9 #79FBFF

#747574 - #88BAA1 - #79FBFF

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #747574 0%, #88BAA1 50%, #79FBFF 100%);
    background: -webkit-linear-gradient(top, #747574 0%, #88BAA1 50%, #79FBFF 100%);
    background: linear-gradient(to bottom, #747574 0%, #88BAA1 50%, #79FBFF 100%);
}
</style>