#303347 - #1D1A2D | colorate

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

Blend #303347 to #1D1A2D

#303347 #1D1A2D

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

RGBブレンド

#303347 - #1D1A2D | colorate

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

0.0%	0.0% #303347	RGB 48 51 71	#303347
16.7%	16.7% #2C2E42	RGB 44 46 66	#2C2E42
33.3%	33.3% #292A3E	RGB 41 42 62	#292A3E
50.0%	50.0% #26263A	RGB 38 38 58	#26263A
66.7%	66.7% #232235	RGB 35 34 53	#232235
83.3%	83.3% #201E31	RGB 32 30 49	#201E31
100.0%	100.0% #1D1A2D	RGB 29 26 45	#1D1A2D

#303347 #2C2E42 #292A3E #26263A #232235 #201E31 #1D1A2D

#303347 - #1D1A2D

HSVブレンド

#303347 - #1D1A2D | colorate

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

0.0%	0.0% #303347	RGB 48 51 71	#303347
16.7%	16.7% #2B2D42	RGB 43 45 66	#2B2D42
33.3%	33.3% #28283E	RGB 40 40 62	#28283E
50.0%	50.0% #24243A	RGB 36 36 58	#24243A
66.7%	66.7% #222035	RGB 34 32 53	#222035
83.3%	83.3% #1F1D31	RGB 31 29 49	#1F1D31
100.0%	100.0% #1D1A2D	RGB 29 26 45	#1D1A2D

#303347 #2B2D42 #28283E #24243A #222035 #1F1D31 #1D1A2D

#303347 - #24243A - #1D1A2D

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #303347 0%, #24243A 50%, #1D1A2D 100%);
    background: -webkit-linear-gradient(top, #303347 0%, #24243A 50%, #1D1A2D 100%);
    background: linear-gradient(to bottom, #303347 0%, #24243A 50%, #1D1A2D 100%);
}
</style>