#CED0CD - #839F7E | colorate

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

Blend #CED0CD to #839F7E

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

RGBブレンド

#CED0CD - #839F7E | colorate

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

0.0%	0.0% #CED0CD	RGB 206 208 205	#CED0CD
16.7%	16.7% #C1C7BF	RGB 193 199 191	#C1C7BF
33.3%	33.3% #B5BFB2	RGB 181 191 178	#B5BFB2
50.0%	50.0% #A8B7A5	RGB 168 183 165	#A8B7A5
66.7%	66.7% #9CAF98	RGB 156 175 152	#9CAF98
83.3%	83.3% #8FA78B	RGB 143 167 139	#8FA78B
100.0%	100.0% #839F7E	RGB 131 159 126	#839F7E

#CED0CD #C1C7BF #B5BFB2 #A8B7A5 #9CAF98 #8FA78B #839F7E

#CED0CD - #839F7E

HSVブレンド

#CED0CD - #839F7E | colorate

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

0.0%	0.0% #CED0CD	RGB 206 208 205	#CED0CD
16.7%	16.7% #C1C7BE	RGB 193 199 190	#C1C7BE
33.3%	33.3% #B4BFB0	RGB 180 191 176	#B4BFB0
50.0%	50.0% #A8B7A3	RGB 168 183 163	#A8B7A3
66.7%	66.7% #9BAF96	RGB 155 175 150	#9BAF96
83.3%	83.3% #8FA789	RGB 143 167 137	#8FA789
100.0%	100.0% #839F7E	RGB 131 159 126	#839F7E

#CED0CD #C1C7BE #B4BFB0 #A8B7A3 #9BAF96 #8FA789 #839F7E

#CED0CD - #A8B7A3 - #839F7E

CSSコード

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

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