#00A8F3 - #005DB7 | colorate

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

Blend #00A8F3 to #005DB7

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

RGBブレンド

#00A8F3 - #005DB7 | colorate

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

0.0%	0.0% #00A8F3	RGB 0 168 243	#00A8F3
16.7%	16.7% #009BE9	RGB 0 155 233	#009BE9
33.3%	33.3% #008FDF	RGB 0 143 223	#008FDF
50.0%	50.0% #0082D5	RGB 0 130 213	#0082D5
66.7%	66.7% #0076CB	RGB 0 118 203	#0076CB
83.3%	83.3% #0069C1	RGB 0 105 193	#0069C1
100.0%	100.0% #005DB7	RGB 0 93 183	#005DB7

#00A8F3 #009BE9 #008FDF #0082D5 #0076CB #0069C1 #005DB7

#00A8F3 - #005DB7

HSVブレンド

#00A8F3 - #005DB7 | colorate

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

0.0%	0.0% #00A7F3	RGB 0 167 243	#00A7F3
16.7%	16.7% #0099E9	RGB 0 153 233	#0099E9
33.3%	33.3% #008CDF	RGB 0 140 223	#008CDF
50.0%	50.0% #007FD5	RGB 0 127 213	#007FD5
66.7%	66.7% #0073CB	RGB 0 115 203	#0073CB
83.3%	83.3% #0067C1	RGB 0 103 193	#0067C1
100.0%	100.0% #005DB7	RGB 0 93 183	#005DB7

#00A7F3 #0099E9 #008CDF #007FD5 #0073CB #0067C1 #005DB7

#00A8F3 - #007FD5 - #005DB7

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A7F3 0%, #007FD5 50%, #005DB7 100%);
    background: -webkit-linear-gradient(top, #00A7F3 0%, #007FD5 50%, #005DB7 100%);
    background: linear-gradient(to bottom, #00A7F3 0%, #007FD5 50%, #005DB7 100%);
}
</style>