#5EBABA - #078982 | colorate

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

Blend #5EBABA to #078982

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

RGBブレンド

#5EBABA - #078982 | colorate

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

0.0%	0.0% #5EBABA	RGB 94 186 186	#5EBABA
16.7%	16.7% #4FB1B0	RGB 79 177 176	#4FB1B0
33.3%	33.3% #41A9A7	RGB 65 169 167	#41A9A7
50.0%	50.0% #32A19E	RGB 50 161 158	#32A19E
66.7%	66.7% #239994	RGB 35 153 148	#239994
83.3%	83.3% #15918B	RGB 21 145 139	#15918B
100.0%	100.0% #078982	RGB 7 137 130	#078982

#5EBABA #4FB1B0 #41A9A7 #32A19E #239994 #15918B #078982

#5EBABA - #078982

HSVブレンド

#5EBABA - #078982 | colorate

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

0.0%	0.0% #5EBABA	RGB 94 186 186	#5EBABA
16.7%	16.7% #4CB1B0	RGB 76 177 176	#4CB1B0
33.3%	33.3% #3CA9A7	RGB 60 169 167	#3CA9A7
50.0%	50.0% #2CA19E	RGB 44 161 158	#2CA19E
66.7%	66.7% #1F9994	RGB 31 153 148	#1F9994
83.3%	83.3% #12918B	RGB 18 145 139	#12918B
100.0%	100.0% #078982	RGB 7 137 130	#078982

#5EBABA #4CB1B0 #3CA9A7 #2CA19E #1F9994 #12918B #078982

#5EBABA - #2CA19E - #078982

CSSコード

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

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