#1E2530 - #28223C | colorate

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

Blend #1E2530 to #28223C

#1E2530 #28223C

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

RGBブレンド

#1E2530 - #28223C | colorate

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

0.0%	0.0% #1E2530	RGB 30 37 48	#1E2530
16.7%	16.7% #1F2432	RGB 31 36 50	#1F2432
33.3%	33.3% #212434	RGB 33 36 52	#212434
50.0%	50.0% #232336	RGB 35 35 54	#232336
66.7%	66.7% #242338	RGB 36 35 56	#242338
83.3%	83.3% #26223A	RGB 38 34 58	#26223A
100.0%	100.0% #28223C	RGB 40 34 60	#28223C

#1E2530 #1F2432 #212434 #232336 #242338 #26223A #28223C

#1E2530 - #28223C

HSVブレンド

#1E2530 - #28223C | colorate

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

0.0%	0.0% #1E2430	RGB 30 36 48	#1E2430
16.7%	16.7% #1E2432	RGB 30 36 50	#1E2432
33.3%	33.3% #1F2334	RGB 31 35 52	#1F2334
50.0%	50.0% #202136	RGB 32 33 54	#202136
66.7%	66.7% #212038	RGB 33 32 56	#212038
83.3%	83.3% #24213A	RGB 36 33 58	#24213A
100.0%	100.0% #28223C	RGB 40 34 60	#28223C

#1E2430 #1E2432 #1F2334 #202136 #212038 #24213A #28223C

#1E2530 - #202136 - #28223C

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #1E2430 0%, #202136 50%, #28223C 100%);
    background: -webkit-linear-gradient(top, #1E2430 0%, #202136 50%, #28223C 100%);
    background: linear-gradient(to bottom, #1E2430 0%, #202136 50%, #28223C 100%);
}
</style>