#CCC7C8 - #98797F | colorate

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

Blend #CCC7C8 to #98797F

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

RGBブレンド

#CCC7C8 - #98797F | colorate

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

0.0%	0.0% #CCC7C8	RGB 204 199 200	#CCC7C8
16.7%	16.7% #C3BABB	RGB 195 186 187	#C3BABB
33.3%	33.3% #BAADAF	RGB 186 173 175	#BAADAF
50.0%	50.0% #B2A0A3	RGB 178 160 163	#B2A0A3
66.7%	66.7% #A99397	RGB 169 147 151	#A99397
83.3%	83.3% #A0868B	RGB 160 134 139	#A0868B
100.0%	100.0% #98797F	RGB 152 121 127	#98797F

#CCC7C8 #C3BABB #BAADAF #B2A0A3 #A99397 #A0868B #98797F

#CCC7C8 - #98797F

HSVブレンド

#CCC7C8 - #98797F | colorate

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

0.0%	0.0% #CCC7C8	RGB 204 199 200	#CCC7C8
16.7%	16.7% #C3B8BA	RGB 195 184 186	#C3B8BA
33.3%	33.3% #BAAAAE	RGB 186 170 174	#BAAAAE
50.0%	50.0% #B29DA1	RGB 178 157 161	#B29DA1
66.7%	66.7% #A99095	RGB 169 144 149	#A99095
83.3%	83.3% #A0848A	RGB 160 132 138	#A0848A
100.0%	100.0% #98797F	RGB 152 121 127	#98797F

#CCC7C8 #C3B8BA #BAAAAE #B29DA1 #A99095 #A0848A #98797F

#CCC7C8 - #B29DA1 - #98797F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC7C8 0%, #B29DA1 50%, #98797F 100%);
    background: -webkit-linear-gradient(top, #CCC7C8 0%, #B29DA1 50%, #98797F 100%);
    background: linear-gradient(to bottom, #CCC7C8 0%, #B29DA1 50%, #98797F 100%);
}
</style>