#27323B - #313B27 | colorate

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

Blend #27323B to #313B27

#27323B

#313B27

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

RGBブレンド

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

0.0%	0.0% #27323B	RGB 39 50 59	#27323B
16.7%	16.7% #283338	RGB 40 51 56	#283338
33.3%	33.3% #2A3535	RGB 42 53 53	#2A3535
50.0%	50.0% #2C3631	RGB 44 54 49	#2C3631
66.7%	66.7% #2D382E	RGB 45 56 46	#2D382E
83.3%	83.3% #2F392B	RGB 47 57 43	#2F392B
100.0%	100.0% #313B27	RGB 49 59 39	#313B27

#27323B #283338 #2A3535 #2C3631 #2D382E #2F392B #313B27

#27323B - #313B27

HSVブレンド

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

0.0%	0.0% #27323B	RGB 39 50 59	#27323B
16.7%	16.7% #27383B	RGB 39 56 59	#27383B
33.3%	33.3% #273B37	RGB 39 59 55	#273B37
50.0%	50.0% #273B30	RGB 39 59 48	#273B30
66.7%	66.7% #273B2A	RGB 39 59 42	#273B2A
83.3%	83.3% #2A3B27	RGB 42 59 39	#2A3B27
100.0%	100.0% #313B27	RGB 49 59 39	#313B27

#27323B #27383B #273B37 #273B30 #273B2A #2A3B27 #313B27

#27323B - #273B30 - #313B27

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #27323B 0%, #273B30 50%, #313B27 100%);
    background: -webkit-linear-gradient(top, #27323B 0%, #273B30 50%, #313B27 100%);
    background: linear-gradient(to bottom, #27323B 0%, #273B30 50%, #313B27 100%); 
}
</style>