#152124 - #191D30 | colorate

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

Blend #152124 to #191D30

#152124 #191D30

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

RGBブレンド

#152124 - #191D30 | colorate

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

0.0%	0.0% #152124	RGB 21 33 36	#152124
16.7%	16.7% #152026	RGB 21 32 38	#152026
33.3%	33.3% #161F28	RGB 22 31 40	#161F28
50.0%	50.0% #171F2A	RGB 23 31 42	#171F2A
66.7%	66.7% #171E2C	RGB 23 30 44	#171E2C
83.3%	83.3% #181D2E	RGB 24 29 46	#181D2E
100.0%	100.0% #191D30	RGB 25 29 48	#191D30

#152124 #152026 #161F28 #171F2A #171E2C #181D2E #191D30

#152124 - #191D30

HSVブレンド

#152124 - #191D30 | colorate

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

0.0%	0.0% #152124	RGB 21 33 36	#152124
16.7%	16.7% #152126	RGB 21 33 38	#152126
33.3%	33.3% #162028	RGB 22 32 40	#162028
50.0%	50.0% #17202A	RGB 23 32 42	#17202A
66.7%	66.7% #171F2C	RGB 23 31 44	#171F2C
83.3%	83.3% #181E2E	RGB 24 30 46	#181E2E
100.0%	100.0% #191D30	RGB 25 29 48	#191D30

#152124 #152126 #162028 #17202A #171F2C #181E2E #191D30

#152124 - #17202A - #191D30

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #152124 0%, #17202A 50%, #191D30 100%);
    background: -webkit-linear-gradient(top, #152124 0%, #17202A 50%, #191D30 100%);
    background: linear-gradient(to bottom, #152124 0%, #17202A 50%, #191D30 100%);
}
</style>