#2B8C8C - #A0D49E | colorate

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

Blend #2B8C8C to #A0D49E

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

RGBブレンド

#2B8C8C - #A0D49E | colorate

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

0.0%	0.0% #2B8C8C	RGB 43 140 140	#2B8C8C
16.7%	16.7% #3E988F	RGB 62 152 143	#3E988F
33.3%	33.3% #52A492	RGB 82 164 146	#52A492
50.0%	50.0% #65B095	RGB 101 176 149	#65B095
66.7%	66.7% #79BC98	RGB 121 188 152	#79BC98
83.3%	83.3% #8CC89B	RGB 140 200 155	#8CC89B
100.0%	100.0% #A0D49E	RGB 160 212 158	#A0D49E

#2B8C8C #3E988F #52A492 #65B095 #79BC98 #8CC89B #A0D49E

#2B8C8C - #A0D49E

HSVブレンド

#2B8C8C - #A0D49E | colorate

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

0.0%	0.0% #2B8C8C	RGB 43 140 140	#2B8C8C
16.7%	16.7% #399887	RGB 57 152 135	#399887
33.3%	33.3% #4AA485	RGB 74 164 133	#4AA485
50.0%	50.0% #5CB084	RGB 92 176 132	#5CB084
66.7%	66.7% #70BC87	RGB 112 188 135	#70BC87
83.3%	83.3% #86C88F	RGB 134 200 143	#86C88F
100.0%	100.0% #A0D49E	RGB 160 212 158	#A0D49E

#2B8C8C #399887 #4AA485 #5CB084 #70BC87 #86C88F #A0D49E

#2B8C8C - #5CB084 - #A0D49E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B8C8C 0%, #5CB084 50%, #A0D49E 100%);
    background: -webkit-linear-gradient(top, #2B8C8C 0%, #5CB084 50%, #A0D49E 100%);
    background: linear-gradient(to bottom, #2B8C8C 0%, #5CB084 50%, #A0D49E 100%);
}
</style>