#17C7D1 - #007E96 | colorate

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

Blend #17C7D1 to #007E96

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

RGBブレンド

#17C7D1 - #007E96 | colorate

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

0.0%	0.0% #17C7D1	RGB 23 199 209	#17C7D1
16.7%	16.7% #13BAC7	RGB 19 186 199	#13BAC7
33.3%	33.3% #0FAEBD	RGB 15 174 189	#0FAEBD
50.0%	50.0% #0BA2B3	RGB 11 162 179	#0BA2B3
66.7%	66.7% #0796A9	RGB 7 150 169	#0796A9
83.3%	83.3% #038A9F	RGB 3 138 159	#038A9F
100.0%	100.0% #007E96	RGB 0 126 150	#007E96

#17C7D1 #13BAC7 #0FAEBD #0BA2B3 #0796A9 #038A9F #007E96

#17C7D1 - #007E96

HSVブレンド

#17C7D1 - #007E96 | colorate

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

0.0%	0.0% #16C7D1	RGB 22 199 209	#16C7D1
16.7%	16.7% #12BAC7	RGB 18 186 199	#12BAC7
33.3%	33.3% #0DADBD	RGB 13 173 189	#0DADBD
50.0%	50.0% #09A1B3	RGB 9 161 179	#09A1B3
66.7%	66.7% #0695A9	RGB 6 149 169	#0695A9
83.3%	83.3% #02899F	RGB 2 137 159	#02899F
100.0%	100.0% #007E96	RGB 0 126 150	#007E96

#16C7D1 #12BAC7 #0DADBD #09A1B3 #0695A9 #02899F #007E96

#17C7D1 - #09A1B3 - #007E96

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #16C7D1 0%, #09A1B3 50%, #007E96 100%);
    background: -webkit-linear-gradient(top, #16C7D1 0%, #09A1B3 50%, #007E96 100%);
    background: linear-gradient(to bottom, #16C7D1 0%, #09A1B3 50%, #007E96 100%);
}
</style>