#2C818F - #47EEF9 | colorate

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

Blend #2C818F to #47EEF9

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

RGBブレンド

#2C818F - #47EEF9 | colorate

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

0.0%	0.0% #2C818F	RGB 44 129 143	#2C818F
16.7%	16.7% #3093A0	RGB 48 147 160	#3093A0
33.3%	33.3% #35A5B2	RGB 53 165 178	#35A5B2
50.0%	50.0% #39B7C4	RGB 57 183 196	#39B7C4
66.7%	66.7% #3EC9D5	RGB 62 201 213	#3EC9D5
83.3%	83.3% #42DBE7	RGB 66 219 231	#42DBE7
100.0%	100.0% #47EEF9	RGB 71 238 249	#47EEF9

#2C818F #3093A0 #35A5B2 #39B7C4 #3EC9D5 #42DBE7 #47EEF9

#2C818F - #47EEF9

HSVブレンド

#2C818F - #47EEF9 | colorate

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

0.0%	0.0% #2C808F	RGB 44 128 143	#2C808F
16.7%	16.7% #3092A0	RGB 48 146 160	#3092A0
33.3%	33.3% #35A3B2	RGB 53 163 178	#35A3B2
50.0%	50.0% #3AB5C4	RGB 58 181 196	#3AB5C4
66.7%	66.7% #3EC8D5	RGB 62 200 213	#3EC8D5
83.3%	83.3% #42DAE7	RGB 66 218 231	#42DAE7
100.0%	100.0% #47EEF9	RGB 71 238 249	#47EEF9

#2C808F #3092A0 #35A3B2 #3AB5C4 #3EC8D5 #42DAE7 #47EEF9

#2C818F - #3AB5C4 - #47EEF9

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C808F 0%, #3AB5C4 50%, #47EEF9 100%);
    background: -webkit-linear-gradient(top, #2C808F 0%, #3AB5C4 50%, #47EEF9 100%);
    background: linear-gradient(to bottom, #2C808F 0%, #3AB5C4 50%, #47EEF9 100%);
}
</style>