#2D7B6E - #195761 | colorate

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

Blend #2D7B6E to #195761

#2D7B6E

#195761

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

RGBブレンド

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

0.0%	0.0% #2D7B6E	RGB 45 123 110	#2D7B6E
16.7%	16.7% #2A756C	RGB 42 117 108	#2A756C
33.3%	33.3% #276F6A	RGB 39 111 106	#276F6A
50.0%	50.0% #236968	RGB 35 105 104	#236968
66.7%	66.7% #206366	RGB 32 99 102	#206366
83.3%	83.3% #1D5D64	RGB 29 93 100	#1D5D64
100.0%	100.0% #195761	RGB 25 87 97	#195761

#2D7B6E #2A756C #276F6A #236968 #206366 #1D5D64 #195761

#2D7B6E - #195761

HSVブレンド

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

0.0%	0.0% #2D7B6E	RGB 45 123 110	#2D7B6E
16.7%	16.7% #29766D	RGB 41 118 109	#29766D
33.3%	33.3% #25726D	RGB 37 114 109	#25726D
50.0%	50.0% #226E6C	RGB 34 110 108	#226E6C
66.7%	66.7% #1F6669	RGB 31 102 105	#1F6669
83.3%	83.3% #1B5E65	RGB 27 94 101	#1B5E65
100.0%	100.0% #195661	RGB 25 86 97	#195661

#2D7B6E #29766D #25726D #226E6C #1F6669 #1B5E65 #195661

#2D7B6E - #226E6C - #195661

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #2D7B6E 0%, #226E6C 50%, #195661 100%);
    background: -webkit-linear-gradient(top, #2D7B6E 0%, #226E6C 50%, #195661 100%);
    background: linear-gradient(to bottom, #2D7B6E 0%, #226E6C 50%, #195661 100%); 
}
</style>