#0F8F81 - #005D3F | colorate

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

Blend #0F8F81 to #005D3F

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

RGBブレンド

#0F8F81 - #005D3F | colorate

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

0.0%	0.0% #0F8F81	RGB 15 143 129	#0F8F81
16.7%	16.7% #0C8676	RGB 12 134 118	#0C8676
33.3%	33.3% #0A7E6B	RGB 10 126 107	#0A7E6B
50.0%	50.0% #077660	RGB 7 118 96	#077660
66.7%	66.7% #056D55	RGB 5 109 85	#056D55
83.3%	83.3% #02654A	RGB 2 101 74	#02654A
100.0%	100.0% #005D3F	RGB 0 93 63	#005D3F

#0F8F81 #0C8676 #0A7E6B #077660 #056D55 #02654A #005D3F

#0F8F81 - #005D3F

HSVブレンド

#0F8F81 - #005D3F | colorate

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

0.0%	0.0% #0F8F81	RGB 15 143 129	#0F8F81
16.7%	16.7% #0B8674	RGB 11 134 116	#0B8674
33.3%	33.3% #087E69	RGB 8 126 105	#087E69
50.0%	50.0% #06765D	RGB 6 118 93	#06765D
66.7%	66.7% #036D53	RGB 3 109 83	#036D53
83.3%	83.3% #016548	RGB 1 101 72	#016548
100.0%	100.0% #005D3F	RGB 0 93 63	#005D3F

#0F8F81 #0B8674 #087E69 #06765D #036D53 #016548 #005D3F

#0F8F81 - #06765D - #005D3F

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0F8F81 0%, #06765D 50%, #005D3F 100%);
    background: -webkit-linear-gradient(top, #0F8F81 0%, #06765D 50%, #005D3F 100%);
    background: linear-gradient(to bottom, #0F8F81 0%, #06765D 50%, #005D3F 100%);
}
</style>