#C2C5C1 - #819C6A | colorate

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

Blend #C2C5C1 to #819C6A

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

RGBブレンド

#C2C5C1 - #819C6A | colorate

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

0.0%	0.0% #C2C5C1	RGB 194 197 193	#C2C5C1
16.7%	16.7% #B7BEB2	RGB 183 190 178	#B7BEB2
33.3%	33.3% #ACB7A4	RGB 172 183 164	#ACB7A4
50.0%	50.0% #A1B095	RGB 161 176 149	#A1B095
66.7%	66.7% #96A987	RGB 150 169 135	#96A987
83.3%	83.3% #8BA278	RGB 139 162 120	#8BA278
100.0%	100.0% #819C6A	RGB 129 156 106	#819C6A

#C2C5C1 #B7BEB2 #ACB7A4 #A1B095 #96A987 #8BA278 #819C6A

#C2C5C1 - #819C6A

HSVブレンド

#C2C5C1 - #819C6A | colorate

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

0.0%	0.0% #C2C5C1	RGB 194 197 193	#C2C5C1
16.7%	16.7% #B4BEB0	RGB 180 190 176	#B4BEB0
33.3%	33.3% #A8B7A1	RGB 168 183 161	#A8B7A1
50.0%	50.0% #9DB092	RGB 157 176 146	#9DB092
66.7%	66.7% #92A984	RGB 146 169 132	#92A984
83.3%	83.3% #89A276	RGB 137 162 118	#89A276
100.0%	100.0% #819C6A	RGB 129 156 106	#819C6A

#C2C5C1 #B4BEB0 #A8B7A1 #9DB092 #92A984 #89A276 #819C6A

#C2C5C1 - #9DB092 - #819C6A

CSSコード

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

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