#44907A - #0B5A3F | colorate

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

Blend #44907A to #0B5A3F

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

RGBブレンド

#44907A - #0B5A3F | colorate

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

0.0%	0.0% #44907A	RGB 68 144 122	#44907A
16.7%	16.7% #3A8770	RGB 58 135 112	#3A8770
33.3%	33.3% #317E66	RGB 49 126 102	#317E66
50.0%	50.0% #27755C	RGB 39 117 92	#27755C
66.7%	66.7% #1E6C52	RGB 30 108 82	#1E6C52
83.3%	83.3% #146348	RGB 20 99 72	#146348
100.0%	100.0% #0B5A3F	RGB 11 90 63	#0B5A3F

#44907A #3A8770 #317E66 #27755C #1E6C52 #146348 #0B5A3F

#44907A - #0B5A3F

HSVブレンド

#44907A - #0B5A3F | colorate

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

0.0%	0.0% #44907A	RGB 68 144 122	#44907A
16.7%	16.7% #37876F	RGB 55 135 111	#37876F
33.3%	33.3% #2C7E65	RGB 44 126 101	#2C7E65
50.0%	50.0% #22755B	RGB 34 117 91	#22755B
66.7%	66.7% #196C51	RGB 25 108 81	#196C51
83.3%	83.3% #116347	RGB 17 99 71	#116347
100.0%	100.0% #0B5A3F	RGB 11 90 63	#0B5A3F

#44907A #37876F #2C7E65 #22755B #196C51 #116347 #0B5A3F

#44907A - #22755B - #0B5A3F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44907A 0%, #22755B 50%, #0B5A3F 100%);
    background: -webkit-linear-gradient(top, #44907A 0%, #22755B 50%, #0B5A3F 100%);
    background: linear-gradient(to bottom, #44907A 0%, #22755B 50%, #0B5A3F 100%);
}
</style>