#3E5E55 - #151915 | colorate

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

Blend #3E5E55 to #151915

#3E5E55 #151915

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

RGBブレンド

#3E5E55 - #151915 | colorate

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

0.0%	0.0% #3E5E55	RGB 62 94 85	#3E5E55
16.7%	16.7% #37524A	RGB 55 82 74	#37524A
33.3%	33.3% #30473F	RGB 48 71 63	#30473F
50.0%	50.0% #293B35	RGB 41 59 53	#293B35
66.7%	66.7% #22302A	RGB 34 48 42	#22302A
83.3%	83.3% #1B241F	RGB 27 36 31	#1B241F
100.0%	100.0% #151915	RGB 21 25 21	#151915

#3E5E55 #37524A #30473F #293B35 #22302A #1B241F #151915

#3E5E55 - #151915

HSVブレンド

#3E5E55 - #151915 | colorate

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

0.0%	0.0% #3E5E55	RGB 62 94 85	#3E5E55
16.7%	16.7% #385248	RGB 56 82 72	#385248
33.3%	33.3% #33473C	RGB 51 71 60	#33473C
50.0%	50.0% #2C3B31	RGB 44 59 49	#2C3B31
66.7%	66.7% #253027	RGB 37 48 39	#253027
83.3%	83.3% #1D241E	RGB 29 36 30	#1D241E
100.0%	100.0% #151915	RGB 21 25 21	#151915

#3E5E55 #385248 #33473C #2C3B31 #253027 #1D241E #151915

#3E5E55 - #2C3B31 - #151915

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E55 0%, #2C3B31 50%, #151915 100%);
    background: -webkit-linear-gradient(top, #3E5E55 0%, #2C3B31 50%, #151915 100%);
    background: linear-gradient(to bottom, #3E5E55 0%, #2C3B31 50%, #151915 100%);
}
</style>