#5E677B - #C3CDA1 | colorate

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

Blend #5E677B to #C3CDA1

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

RGBブレンド

#5E677B - #C3CDA1 | colorate

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

0.0%	0.0% #5E677B	RGB 94 103 123	#5E677B
16.7%	16.7% #6E7881	RGB 110 120 129	#6E7881
33.3%	33.3% #7F8987	RGB 127 137 135	#7F8987
50.0%	50.0% #909A8E	RGB 144 154 142	#909A8E
66.7%	66.7% #A1AB94	RGB 161 171 148	#A1AB94
83.3%	83.3% #B2BC9A	RGB 178 188 154	#B2BC9A
100.0%	100.0% #C3CDA1	RGB 195 205 161	#C3CDA1

#5E677B #6E7881 #7F8987 #909A8E #A1AB94 #B2BC9A #C3CDA1

#5E677B - #C3CDA1

HSVブレンド

#5E677B - #C3CDA1 | colorate

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

0.0%	0.0% #5E677B	RGB 94 103 123	#5E677B
16.7%	16.7% #687F88	RGB 104 127 136	#687F88
33.3%	33.3% #739691	RGB 115 150 145	#739691
50.0%	50.0% #7FA48F	RGB 127 164 143	#7FA48F
66.7%	66.7% #8AB18C	RGB 138 177 140	#8AB18C
83.3%	83.3% #A4BF95	RGB 164 191 149	#A4BF95
100.0%	100.0% #C3CDA1	RGB 195 205 161	#C3CDA1

#5E677B #687F88 #739691 #7FA48F #8AB18C #A4BF95 #C3CDA1

#5E677B - #7FA48F - #C3CDA1

CSSコード

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

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