#757675 - #D1EF9D | colorate

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

Blend #757675 to #D1EF9D

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

RGBブレンド

#757675 - #D1EF9D | colorate

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

0.0%	0.0% #757675	RGB 117 118 117	#757675
16.7%	16.7% #848A7B	RGB 132 138 123	#848A7B
33.3%	33.3% #939E82	RGB 147 158 130	#939E82
50.0%	50.0% #A3B289	RGB 163 178 137	#A3B289
66.7%	66.7% #B2C68F	RGB 178 198 143	#B2C68F
83.3%	83.3% #C1DA96	RGB 193 218 150	#C1DA96
100.0%	100.0% #D1EF9D	RGB 209 239 157	#D1EF9D

#757675 #848A7B #939E82 #A3B289 #B2C68F #C1DA96 #D1EF9D

#757675 - #D1EF9D

HSVブレンド

#757675 - #D1EF9D | colorate

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

0.0%	0.0% #757675	RGB 117 118 117	#757675
16.7%	16.7% #828A81	RGB 130 138 129	#828A81
33.3%	33.3% #8F9E8B	RGB 143 158 139	#8F9E8B
50.0%	50.0% #9DB293	RGB 157 178 147	#9DB293
66.7%	66.7% #ACC698	RGB 172 198 152	#ACC698
83.3%	83.3% #BDDA9B	RGB 189 218 155	#BDDA9B
100.0%	100.0% #D1EF9D	RGB 209 239 157	#D1EF9D

#757675 #828A81 #8F9E8B #9DB293 #ACC698 #BDDA9B #D1EF9D

#757675 - #9DB293 - #D1EF9D

CSSコード

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

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