#1F2120 - #375845 | colorate

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

Blend #1F2120 to #375845

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

RGBブレンド

#1F2120 - #375845 | colorate

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

0.0%	0.0% #1F2120	RGB 31 33 32	#1F2120
16.7%	16.7% #232A26	RGB 35 42 38	#232A26
33.3%	33.3% #27332C	RGB 39 51 44	#27332C
50.0%	50.0% #2B3C32	RGB 43 60 50	#2B3C32
66.7%	66.7% #2F4538	RGB 47 69 56	#2F4538
83.3%	83.3% #334E3E	RGB 51 78 62	#334E3E
100.0%	100.0% #375845	RGB 55 88 69	#375845

#1F2120 #232A26 #27332C #2B3C32 #2F4538 #334E3E #375845

#1F2120 - #375845

HSVブレンド

#1F2120 - #375845 | colorate

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

0.0%	0.0% #1F2120	RGB 31 33 32	#1F2120
16.7%	16.7% #252A27	RGB 37 42 39	#252A27
33.3%	33.3% #2A332E	RGB 42 51 46	#2A332E
50.0%	50.0% #2F3C35	RGB 47 60 53	#2F3C35
66.7%	66.7% #32453B	RGB 50 69 59	#32453B
83.3%	83.3% #354E40	RGB 53 78 64	#354E40
100.0%	100.0% #375845	RGB 55 88 69	#375845

#1F2120 #252A27 #2A332E #2F3C35 #32453B #354E40 #375845

#1F2120 - #2F3C35 - #375845

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F2120 0%, #2F3C35 50%, #375845 100%);
    background: -webkit-linear-gradient(top, #1F2120 0%, #2F3C35 50%, #375845 100%);
    background: linear-gradient(to bottom, #1F2120 0%, #2F3C35 50%, #375845 100%);
}
</style>