#268F6C - #1BA8A3 | colorate

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

Blend #268F6C to #1BA8A3

#268F6C #1BA8A3

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

RGBブレンド

#268F6C - #1BA8A3 | colorate

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

0.0%	0.0% #268F6C	RGB 38 143 108	#268F6C
16.7%	16.7% #249375	RGB 36 147 117	#249375
33.3%	33.3% #22977E	RGB 34 151 126	#22977E
50.0%	50.0% #209B87	RGB 32 155 135	#209B87
66.7%	66.7% #1E9F90	RGB 30 159 144	#1E9F90
83.3%	83.3% #1CA399	RGB 28 163 153	#1CA399
100.0%	100.0% #1BA8A3	RGB 27 168 163	#1BA8A3

#268F6C #249375 #22977E #209B87 #1E9F90 #1CA399 #1BA8A3

#268F6C - #1BA8A3

HSVブレンド

#268F6C - #1BA8A3 | colorate

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

0.0%	0.0% #268F6C	RGB 38 143 108	#268F6C
16.7%	16.7% #249373	RGB 36 147 115	#249373
33.3%	33.3% #22977C	RGB 34 151 124	#22977C
50.0%	50.0% #219B84	RGB 33 155 132	#219B84
66.7%	66.7% #1F9F8E	RGB 31 159 142	#1F9F8E
83.3%	83.3% #1DA398	RGB 29 163 152	#1DA398
100.0%	100.0% #1BA8A3	RGB 27 168 163	#1BA8A3

#268F6C #249373 #22977C #219B84 #1F9F8E #1DA398 #1BA8A3

#268F6C - #219B84 - #1BA8A3

CSSコード

<style type="text/css">
/* RGB Gradation */
div {
    background: -moz-linear-gradient(top, #268F6C 0%, #1BA8A3 100%);
    background: -webkit-linear-gradient(top, #268F6C 0%, #1BA8A3 100%);
    background: linear-gradient(to bottom, #268F6C 0%, #1BA8A3 100%);
}

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #268F6C 0%, #219B84 50%, #1BA8A3 100%);
    background: -webkit-linear-gradient(top, #268F6C 0%, #219B84 50%, #1BA8A3 100%);
    background: linear-gradient(to bottom, #268F6C 0%, #219B84 50%, #1BA8A3 100%);
}
</style>