#40433E - #173002 | colorate

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

Blend #40433E to #173002

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

RGBブレンド

#40433E - #173002 | colorate

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

0.0%	0.0% #40433E	RGB 64 67 62	#40433E
16.7%	16.7% #393F34	RGB 57 63 52	#393F34
33.3%	33.3% #323C2A	RGB 50 60 42	#323C2A
50.0%	50.0% #2B3920	RGB 43 57 32	#2B3920
66.7%	66.7% #243616	RGB 36 54 22	#243616
83.3%	83.3% #1D330C	RGB 29 51 12	#1D330C
100.0%	100.0% #173002	RGB 23 48 2	#173002

#40433E #393F34 #323C2A #2B3920 #243616 #1D330C #173002

#40433E - #173002

HSVブレンド

#40433E - #173002 | colorate

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

0.0%	0.0% #40433E	RGB 64 67 62	#40433E
16.7%	16.7% #373F31	RGB 55 63 49	#373F31
33.3%	33.3% #2F3C26	RGB 47 60 38	#2F3C26
50.0%	50.0% #28391B	RGB 40 57 27	#28391B
66.7%	66.7% #223612	RGB 34 54 18	#223612
83.3%	83.3% #1C3309	RGB 28 51 9	#1C3309
100.0%	100.0% #173002	RGB 23 48 2	#173002

#40433E #373F31 #2F3C26 #28391B #223612 #1C3309 #173002

#40433E - #28391B - #173002

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #40433E 0%, #28391B 50%, #173002 100%);
    background: -webkit-linear-gradient(top, #40433E 0%, #28391B 50%, #173002 100%);
    background: linear-gradient(to bottom, #40433E 0%, #28391B 50%, #173002 100%);
}
</style>