#007DA5 - #A8F8C5 | colorate

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

Blend #007DA5 to #A8F8C5

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

RGBブレンド

#007DA5 - #A8F8C5 | colorate

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

0.0%	0.0% #007DA5	RGB 0 125 165	#007DA5
16.7%	16.7% #1C91AA	RGB 28 145 170	#1C91AA
33.3%	33.3% #38A6AF	RGB 56 166 175	#38A6AF
50.0%	50.0% #54BAB5	RGB 84 186 181	#54BAB5
66.7%	66.7% #70CFBA	RGB 112 207 186	#70CFBA
83.3%	83.3% #8CE3BF	RGB 140 227 191	#8CE3BF
100.0%	100.0% #A8F8C5	RGB 168 248 197	#A8F8C5

#007DA5 #1C91AA #38A6AF #54BAB5 #70CFBA #8CE3BF #A8F8C5

#007DA5 - #A8F8C5

HSVブレンド

#007DA5 - #A8F8C5 | colorate

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

0.0%	0.0% #007DA5	RGB 0 125 165	#007DA5
16.7%	16.7% #14A3B2	RGB 20 163 178	#14A3B2
33.3%	33.3% #2BC0B9	RGB 43 192 185	#2BC0B9
50.0%	50.0% #45CEB3	RGB 69 206 179	#45CEB3
66.7%	66.7% #63DCB2	RGB 99 220 178	#63DCB2
83.3%	83.3% #84EAB8	RGB 132 234 184	#84EAB8
100.0%	100.0% #A8F8C5	RGB 168 248 197	#A8F8C5

#007DA5 #14A3B2 #2BC0B9 #45CEB3 #63DCB2 #84EAB8 #A8F8C5

#007DA5 - #45CEB3 - #A8F8C5

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #007DA5 0%, #45CEB3 50%, #A8F8C5 100%);
    background: -webkit-linear-gradient(top, #007DA5 0%, #45CEB3 50%, #A8F8C5 100%);
    background: linear-gradient(to bottom, #007DA5 0%, #45CEB3 50%, #A8F8C5 100%);
}
</style>