#4B8E84 - #0E3930 | colorate

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

Blend #4B8E84 to #0E3930

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

RGBブレンド

#4B8E84 - #0E3930 | colorate

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

0.0%	0.0% #4B8E84	RGB 75 142 132	#4B8E84
16.7%	16.7% #407F76	RGB 64 127 118	#407F76
33.3%	33.3% #367168	RGB 54 113 104	#367168
50.0%	50.0% #2C635A	RGB 44 99 90	#2C635A
66.7%	66.7% #22554C	RGB 34 85 76	#22554C
83.3%	83.3% #18473E	RGB 24 71 62	#18473E
100.0%	100.0% #0E3930	RGB 14 57 48	#0E3930

#4B8E84 #407F76 #367168 #2C635A #22554C #18473E #0E3930

#4B8E84 - #0E3930

HSVブレンド

#4B8E84 - #0E3930 | colorate

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

0.0%	0.0% #4B8E84	RGB 75 142 132	#4B8E84
16.7%	16.7% #3D7F75	RGB 61 127 117	#3D7F75
33.3%	33.3% #317166	RGB 49 113 102	#317166
50.0%	50.0% #266358	RGB 38 99 88	#266358
66.7%	66.7% #1C554A	RGB 28 85 74	#1C554A
83.3%	83.3% #14473D	RGB 20 71 61	#14473D
100.0%	100.0% #0E3930	RGB 14 57 48	#0E3930

#4B8E84 #3D7F75 #317166 #266358 #1C554A #14473D #0E3930

#4B8E84 - #266358 - #0E3930

CSSコード

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

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