#75030B - #210003 | colorate

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

Blend #75030B to #210003

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

RGBブレンド

#75030B - #210003 | colorate

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

0.0%	0.0% #75030B	RGB 117 3 11	#75030B
16.7%	16.7% #670209	RGB 103 2 9	#670209
33.3%	33.3% #590208	RGB 89 2 8	#590208
50.0%	50.0% #4B0107	RGB 75 1 7	#4B0107
66.7%	66.7% #3D0105	RGB 61 1 5	#3D0105
83.3%	83.3% #2F0004	RGB 47 0 4	#2F0004
100.0%	100.0% #210003	RGB 33 0 3	#210003

#75030B #670209 #590208 #4B0107 #3D0105 #2F0004 #210003

#75030B - #210003

HSVブレンド

#75030B - #210003 | colorate

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

0.0%	0.0% #75030B	RGB 117 3 11	#75030B
16.7%	16.7% #670209	RGB 103 2 9	#670209
33.3%	33.3% #590108	RGB 89 1 8	#590108
50.0%	50.0% #4B0006	RGB 75 0 6	#4B0006
66.7%	66.7% #3D0005	RGB 61 0 5	#3D0005
83.3%	83.3% #2F0004	RGB 47 0 4	#2F0004
100.0%	100.0% #210003	RGB 33 0 3	#210003

#75030B #670209 #590108 #4B0006 #3D0005 #2F0004 #210003

#75030B - #4B0006 - #210003

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #75030B 0%, #4B0006 50%, #210003 100%);
    background: -webkit-linear-gradient(top, #75030B 0%, #4B0006 50%, #210003 100%);
    background: linear-gradient(to bottom, #75030B 0%, #4B0006 50%, #210003 100%);
}
</style>