#2F0813 - #13020B | colorate

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

Blend #2F0813 to #13020B

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

RGBブレンド

#2F0813 - #13020B | colorate

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

0.0%	0.0% #2F0813	RGB 47 8 19	#2F0813
16.7%	16.7% #2A0711	RGB 42 7 17	#2A0711
33.3%	33.3% #250610	RGB 37 6 16	#250610
50.0%	50.0% #21050F	RGB 33 5 15	#21050F
66.7%	66.7% #1C040D	RGB 28 4 13	#1C040D
83.3%	83.3% #17030C	RGB 23 3 12	#17030C
100.0%	100.0% #13020B	RGB 19 2 11	#13020B

#2F0813 #2A0711 #250610 #21050F #1C040D #17030C #13020B

#2F0813 - #13020B

HSVブレンド

#2F0813 - #13020B | colorate

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

0.0%	0.0% #2F0713	RGB 47 7 19	#2F0713
16.7%	16.7% #2A0612	RGB 42 6 18	#2A0612
33.3%	33.3% #250511	RGB 37 5 17	#250511
50.0%	50.0% #210410	RGB 33 4 16	#210410
66.7%	66.7% #1C030E	RGB 28 3 14	#1C030E
83.3%	83.3% #17020C	RGB 23 2 12	#17020C
100.0%	100.0% #13020B	RGB 19 2 11	#13020B

#2F0713 #2A0612 #250511 #210410 #1C030E #17020C #13020B

#2F0813 - #210410 - #13020B

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F0713 0%, #210410 50%, #13020B 100%);
    background: -webkit-linear-gradient(top, #2F0713 0%, #210410 50%, #13020B 100%);
    background: linear-gradient(to bottom, #2F0713 0%, #210410 50%, #13020B 100%);
}
</style>