#C4C5C9 - #697B88 | colorate

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

Blend #C4C5C9 to #697B88

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

RGBブレンド

#C4C5C9 - #697B88 | colorate

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

0.0%	0.0% #C4C5C9	RGB 196 197 201	#C4C5C9
16.7%	16.7% #B4B8BE	RGB 180 184 190	#B4B8BE
33.3%	33.3% #A5ACB3	RGB 165 172 179	#A5ACB3
50.0%	50.0% #96A0A8	RGB 150 160 168	#96A0A8
66.7%	66.7% #87939D	RGB 135 147 157	#87939D
83.3%	83.3% #788792	RGB 120 135 146	#788792
100.0%	100.0% #697B88	RGB 105 123 136	#697B88

#C4C5C9 #B4B8BE #A5ACB3 #96A0A8 #87939D #788792 #697B88

#C4C5C9 - #697B88

HSVブレンド

#C4C5C9 - #697B88 | colorate

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

0.0%	0.0% #C4C5C9	RGB 196 197 201	#C4C5C9
16.7%	16.7% #B3B5BE	RGB 179 181 190	#B3B5BE
33.3%	33.3% #A2A8B3	RGB 162 168 179	#A2A8B3
50.0%	50.0% #939BA8	RGB 147 155 168	#939BA8
66.7%	66.7% #848F9D	RGB 132 143 157	#848F9D
83.3%	83.3% #768592	RGB 118 133 146	#768592
100.0%	100.0% #697B88	RGB 105 123 136	#697B88

#C4C5C9 #B3B5BE #A2A8B3 #939BA8 #848F9D #768592 #697B88

#C4C5C9 - #939BA8 - #697B88

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4C5C9 0%, #939BA8 50%, #697B88 100%);
    background: -webkit-linear-gradient(top, #C4C5C9 0%, #939BA8 50%, #697B88 100%);
    background: linear-gradient(to bottom, #C4C5C9 0%, #939BA8 50%, #697B88 100%);
}
</style>