#5C908F - #1A2729 | colorate

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

Blend #5C908F to #1A2729

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

RGBブレンド

#5C908F - #1A2729 | colorate

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

0.0%	0.0% #5C908F	RGB 92 144 143	#5C908F
16.7%	16.7% #517E7E	RGB 81 126 126	#517E7E
33.3%	33.3% #466D6D	RGB 70 109 109	#466D6D
50.0%	50.0% #3B5B5C	RGB 59 91 92	#3B5B5C
66.7%	66.7% #304A4B	RGB 48 74 75	#304A4B
83.3%	83.3% #25383A	RGB 37 56 58	#25383A
100.0%	100.0% #1A2729	RGB 26 39 41	#1A2729

#5C908F #517E7E #466D6D #3B5B5C #304A4B #25383A #1A2729

#5C908F - #1A2729

HSVブレンド

#5C908F - #1A2729 | colorate

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

0.0%	0.0% #5C908F	RGB 92 144 143	#5C908F
16.7%	16.7% #507E7E	RGB 80 126 126	#507E7E
33.3%	33.3% #456C6D	RGB 69 108 109	#456C6D
50.0%	50.0% #3A5A5C	RGB 58 90 92	#3A5A5C
66.7%	66.7% #2F494B	RGB 47 73 75	#2F494B
83.3%	83.3% #24373A	RGB 36 55 58	#24373A
100.0%	100.0% #1A2729	RGB 26 39 41	#1A2729

#5C908F #507E7E #456C6D #3A5A5C #2F494B #24373A #1A2729

#5C908F - #3A5A5C - #1A2729

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C908F 0%, #3A5A5C 50%, #1A2729 100%);
    background: -webkit-linear-gradient(top, #5C908F 0%, #3A5A5C 50%, #1A2729 100%);
    background: linear-gradient(to bottom, #5C908F 0%, #3A5A5C 50%, #1A2729 100%);
}
</style>