#193111 - #4B6636 | colorate

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

Blend #193111 to #4B6636

#193111 #4B6636

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

RGBブレンド

#193111 - #4B6636 | colorate

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

0.0%	0.0% #193111	RGB 25 49 17	#193111
16.7%	16.7% #213917	RGB 33 57 23	#213917
33.3%	33.3% #29421D	RGB 41 66 29	#29421D
50.0%	50.0% #324B23	RGB 50 75 35	#324B23
66.7%	66.7% #3A5429	RGB 58 84 41	#3A5429
83.3%	83.3% #425D2F	RGB 66 93 47	#425D2F
100.0%	100.0% #4B6636	RGB 75 102 54	#4B6636

#193111 #213917 #29421D #324B23 #3A5429 #425D2F #4B6636

#193111 - #4B6636

HSVブレンド

#193111 - #4B6636 | colorate

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

0.0%	0.0% #193111	RGB 25 49 17	#193111
16.7%	16.7% #1F3915	RGB 31 57 21	#1F3915
33.3%	33.3% #27421B	RGB 39 66 27	#27421B
50.0%	50.0% #2F4B21	RGB 47 75 33	#2F4B21
66.7%	66.7% #385427	RGB 56 84 39	#385427
83.3%	83.3% #415D2E	RGB 65 93 46	#415D2E
100.0%	100.0% #4B6636	RGB 75 102 54	#4B6636

#193111 #1F3915 #27421B #2F4B21 #385427 #415D2E #4B6636

#193111 - #2F4B21 - #4B6636

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #193111 0%, #2F4B21 50%, #4B6636 100%);
    background: -webkit-linear-gradient(top, #193111 0%, #2F4B21 50%, #4B6636 100%);
    background: linear-gradient(to bottom, #193111 0%, #2F4B21 50%, #4B6636 100%);
}
</style>