#1E0E07 - #594135 | colorate

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

Blend #1E0E07 to #594135

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

RGBブレンド

#1E0E07 - #594135 | colorate

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

0.0%	0.0% #1E0E07	RGB 30 14 7	#1E0E07
16.7%	16.7% #27160E	RGB 39 22 14	#27160E
33.3%	33.3% #311F16	RGB 49 31 22	#311F16
50.0%	50.0% #3B271E	RGB 59 39 30	#3B271E
66.7%	66.7% #453025	RGB 69 48 37	#453025
83.3%	83.3% #4F382D	RGB 79 56 45	#4F382D
100.0%	100.0% #594135	RGB 89 65 53	#594135

#1E0E07 #27160E #311F16 #3B271E #453025 #4F382D #594135

#1E0E07 - #594135

HSVブレンド

#1E0E07 - #594135 | colorate

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

0.0%	0.0% #1E0E07	RGB 30 14 7	#1E0E07
16.7%	16.7% #27140B	RGB 39 20 11	#27140B
33.3%	33.3% #311B11	RGB 49 27 17	#311B11
50.0%	50.0% #3B2318	RGB 59 35 24	#3B2318
66.7%	66.7% #452C20	RGB 69 44 32	#452C20
83.3%	83.3% #4F362A	RGB 79 54 42	#4F362A
100.0%	100.0% #594135	RGB 89 65 53	#594135

#1E0E07 #27140B #311B11 #3B2318 #452C20 #4F362A #594135

#1E0E07 - #3B2318 - #594135

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E0E07 0%, #3B2318 50%, #594135 100%);
    background: -webkit-linear-gradient(top, #1E0E07 0%, #3B2318 50%, #594135 100%);
    background: linear-gradient(to bottom, #1E0E07 0%, #3B2318 50%, #594135 100%);
}
</style>