#083935 - #02100F | colorate

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

Blend #083935 to #02100F

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

RGBブレンド

#083935 - #02100F | colorate

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

0.0%	0.0% #083935	RGB 8 57 53	#083935
16.7%	16.7% #07322E	RGB 7 50 46	#07322E
33.3%	33.3% #062B28	RGB 6 43 40	#062B28
50.0%	50.0% #052422	RGB 5 36 34	#052422
66.7%	66.7% #041D1B	RGB 4 29 27	#041D1B
83.3%	83.3% #031615	RGB 3 22 21	#031615
100.0%	100.0% #02100F	RGB 2 16 15	#02100F

#083935 #07322E #062B28 #052422 #041D1B #031615 #02100F

#083935 - #02100F

HSVブレンド

#083935 - #02100F | colorate

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

0.0%	0.0% #083935	RGB 8 57 53	#083935
16.7%	16.7% #06322E	RGB 6 50 46	#06322E
33.3%	33.3% #052B28	RGB 5 43 40	#052B28
50.0%	50.0% #042422	RGB 4 36 34	#042422
66.7%	66.7% #031D1B	RGB 3 29 27	#031D1B
83.3%	83.3% #021615	RGB 2 22 21	#021615
100.0%	100.0% #02100F	RGB 2 16 15	#02100F

#083935 #06322E #052B28 #042422 #031D1B #021615 #02100F

#083935 - #042422 - #02100F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #083935 0%, #042422 50%, #02100F 100%);
    background: -webkit-linear-gradient(top, #083935 0%, #042422 50%, #02100F 100%);
    background: linear-gradient(to bottom, #083935 0%, #042422 50%, #02100F 100%);
}
</style>