#5E8A8C - #196359 | colorate

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

Blend #5E8A8C to #196359

#5E8A8C #196359

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

RGBブレンド

#5E8A8C - #196359 | colorate

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

0.0%	0.0% #5E8A8C	RGB 94 138 140	#5E8A8C
16.7%	16.7% #528383	RGB 82 131 131	#528383
33.3%	33.3% #477D7B	RGB 71 125 123	#477D7B
50.0%	50.0% #3B7672	RGB 59 118 114	#3B7672
66.7%	66.7% #30706A	RGB 48 112 106	#30706A
83.3%	83.3% #246961	RGB 36 105 97	#246961
100.0%	100.0% #196359	RGB 25 99 89	#196359

#5E8A8C #528383 #477D7B #3B7672 #30706A #246961 #196359

#5E8A8C - #196359

HSVブレンド

#5E8A8C - #196359 | colorate

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

0.0%	0.0% #5E8A8C	RGB 94 138 140	#5E8A8C
16.7%	16.7% #508485	RGB 80 132 133	#508485
33.3%	33.3% #437E7D	RGB 67 126 125	#437E7D
50.0%	50.0% #377774	RGB 55 119 116	#377774
66.7%	66.7% #2C706B	RGB 44 112 107	#2C706B
83.3%	83.3% #226962	RGB 34 105 98	#226962
100.0%	100.0% #196359	RGB 25 99 89	#196359

#5E8A8C #508485 #437E7D #377774 #2C706B #226962 #196359

#5E8A8C - #377774 - #196359

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8A8C 0%, #377774 50%, #196359 100%);
    background: -webkit-linear-gradient(top, #5E8A8C 0%, #377774 50%, #196359 100%);
    background: linear-gradient(to bottom, #5E8A8C 0%, #377774 50%, #196359 100%);
}
</style>