#13E6EF - #065CFB | colorate

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

Blend #13E6EF to #065CFB

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

RGBブレンド

#13E6EF - #065CFB | colorate

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

0.0%	0.0% #13E6EF	RGB 19 230 239	#13E6EF
16.7%	16.7% #10CFF1	RGB 16 207 241	#10CFF1
33.3%	33.3% #0EB8F3	RGB 14 184 243	#0EB8F3
50.0%	50.0% #0CA1F5	RGB 12 161 245	#0CA1F5
66.7%	66.7% #0A8AF7	RGB 10 138 247	#0A8AF7
83.3%	83.3% #0873F9	RGB 8 115 249	#0873F9
100.0%	100.0% #065CFB	RGB 6 92 251	#065CFB

#13E6EF #10CFF1 #0EB8F3 #0CA1F5 #0A8AF7 #0873F9 #065CFB

#13E6EF - #065CFB

HSVブレンド

#13E6EF - #065CFB | colorate

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

0.0%	0.0% #13E6EF	RGB 19 230 239	#13E6EF
16.7%	16.7% #10D1F1	RGB 16 209 241	#10D1F1
33.3%	33.3% #0EBBF3	RGB 14 187 243	#0EBBF3
50.0%	50.0% #0CA4F5	RGB 12 164 245	#0CA4F5
66.7%	66.7% #0A8DF7	RGB 10 141 247	#0A8DF7
83.3%	83.3% #0875F9	RGB 8 117 249	#0875F9
100.0%	100.0% #065CFB	RGB 6 92 251	#065CFB

#13E6EF #10D1F1 #0EBBF3 #0CA4F5 #0A8DF7 #0875F9 #065CFB

#13E6EF - #0CA4F5 - #065CFB

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #13E6EF 0%, #0CA4F5 50%, #065CFB 100%);
    background: -webkit-linear-gradient(top, #13E6EF 0%, #0CA4F5 50%, #065CFB 100%);
    background: linear-gradient(to bottom, #13E6EF 0%, #0CA4F5 50%, #065CFB 100%);
}
</style>