#1F3327 - #DFE0E1 | colorate

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

Blend #1F3327 to #DFE0E1

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

RGBブレンド

#1F3327 - #DFE0E1 | colorate

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

0.0%	0.0% #1F3327	RGB 31 51 39	#1F3327
16.7%	16.7% #3F4F46	RGB 63 79 70	#3F4F46
33.3%	33.3% #5F6C65	RGB 95 108 101	#5F6C65
50.0%	50.0% #7F8984	RGB 127 137 132	#7F8984
66.7%	66.7% #9FA6A3	RGB 159 166 163	#9FA6A3
83.3%	83.3% #BFC3C2	RGB 191 195 194	#BFC3C2
100.0%	100.0% #DFE0E1	RGB 223 224 225	#DFE0E1

#1F3327 #3F4F46 #5F6C65 #7F8984 #9FA6A3 #BFC3C2 #DFE0E1

#1F3327 - #DFE0E1

HSVブレンド

#1F3327 - #DFE0E1 | colorate

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

0.0%	0.0% #1F3327	RGB 31 51 39	#1F3327
16.7%	16.7% #355045	RGB 53 80 69	#355045
33.3%	33.3% #506D66	RGB 80 109 102	#506D66
50.0%	50.0% #6E8A88	RGB 110 138 136	#6E8A88
66.7%	66.7% #90A3A7	RGB 144 163 167	#90A3A7
83.3%	83.3% #B5BFC4	RGB 181 191 196	#B5BFC4
100.0%	100.0% #DFE0E1	RGB 223 224 225	#DFE0E1

#1F3327 #355045 #506D66 #6E8A88 #90A3A7 #B5BFC4 #DFE0E1

#1F3327 - #6E8A88 - #DFE0E1

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F3327 0%, #6E8A88 50%, #DFE0E1 100%);
    background: -webkit-linear-gradient(top, #1F3327 0%, #6E8A88 50%, #DFE0E1 100%);
    background: linear-gradient(to bottom, #1F3327 0%, #6E8A88 50%, #DFE0E1 100%);
}
</style>