#262030 - #3C253B | colorate

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

Blend #262030 to #3C253B

#262030

#3C253B

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

RGBブレンド

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

0.0%	0.0% #262030	RGB 38 32 48	#262030
16.7%	16.7% #292031	RGB 41 32 49	#292031
33.3%	33.3% #2D2133	RGB 45 33 51	#2D2133
50.0%	50.0% #312235	RGB 49 34 53	#312235
66.7%	66.7% #342337	RGB 52 35 55	#342337
83.3%	83.3% #382439	RGB 56 36 57	#382439
100.0%	100.0% #3C253B	RGB 60 37 59	#3C253B

#262030 #292031 #2D2133 #312235 #342337 #382439 #3C253B

#262030 - #3C253B

HSVブレンド

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

0.0%	0.0% #252030	RGB 37 32 48	#252030
16.7%	16.7% #292032	RGB 41 32 50	#292032
33.3%	33.3% #2C2134	RGB 44 33 52	#2C2134
50.0%	50.0% #302236	RGB 48 34 54	#302236
66.7%	66.7% #342338	RGB 52 35 56	#342338
83.3%	83.3% #38243A	RGB 56 36 58	#38243A
100.0%	100.0% #3C253B	RGB 60 37 59	#3C253B

#252030 #292032 #2C2134 #302236 #342338 #38243A #3C253B

#252030 - #302236 - #3C253B

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #252030 0%, #302236 50%, #3C253B 100%);
    background: -webkit-linear-gradient(top, #252030 0%, #302236 50%, #3C253B 100%);
    background: linear-gradient(to bottom, #252030 0%, #302236 50%, #3C253B 100%); 
}
</style>