#516B26 - #CDD4C1 | colorate

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

Blend #516B26 to #CDD4C1

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

RGBブレンド

#516B26 - #CDD4C1 | colorate

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

0.0%	0.0% #516B26	RGB 81 107 38	#516B26
16.7%	16.7% #657C3F	RGB 101 124 63	#657C3F
33.3%	33.3% #7A8E59	RGB 122 142 89	#7A8E59
50.0%	50.0% #8F9F73	RGB 143 159 115	#8F9F73
66.7%	66.7% #A3B18D	RGB 163 177 141	#A3B18D
83.3%	83.3% #B8C2A7	RGB 184 194 167	#B8C2A7
100.0%	100.0% #CDD4C1	RGB 205 212 193	#CDD4C1

#516B26 #657C3F #7A8E59 #8F9F73 #A3B18D #B8C2A7 #CDD4C1

#516B26 - #CDD4C1

HSVブレンド

#516B26 - #CDD4C1 | colorate

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

0.0%	0.0% #516B25	RGB 81 107 37	#516B25
16.7%	16.7% #627C37	RGB 98 124 55	#627C37
33.3%	33.3% #758E4C	RGB 117 142 76	#758E4C
50.0%	50.0% #899F64	RGB 137 159 100	#899F64
66.7%	66.7% #9EB180	RGB 158 177 128	#9EB180
83.3%	83.3% #B5C29F	RGB 181 194 159	#B5C29F
100.0%	100.0% #CDD4C1	RGB 205 212 193	#CDD4C1

#516B25 #627C37 #758E4C #899F64 #9EB180 #B5C29F #CDD4C1

#516B26 - #899F64 - #CDD4C1

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #516B25 0%, #899F64 50%, #CDD4C1 100%);
    background: -webkit-linear-gradient(top, #516B25 0%, #899F64 50%, #CDD4C1 100%);
    background: linear-gradient(to bottom, #516B25 0%, #899F64 50%, #CDD4C1 100%);
}
</style>