#458F46 - #C9DFC9 | colorate

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

Blend #458F46 to #C9DFC9

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

RGBブレンド

#458F46 - #C9DFC9 | colorate

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

0.0%	0.0% #458F46	RGB 69 143 70	#458F46
16.7%	16.7% #5B9C5B	RGB 91 156 91	#5B9C5B
33.3%	33.3% #71A971	RGB 113 169 113	#71A971
50.0%	50.0% #87B787	RGB 135 183 135	#87B787
66.7%	66.7% #9DC49D	RGB 157 196 157	#9DC49D
83.3%	83.3% #B3D1B3	RGB 179 209 179	#B3D1B3
100.0%	100.0% #C9DFC9	RGB 201 223 201	#C9DFC9

#458F46 #5B9C5B #71A971 #87B787 #9DC49D #B3D1B3 #C9DFC9

#458F46 - #C9DFC9

HSVブレンド

#458F46 - #C9DFC9 | colorate

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

0.0%	0.0% #458F46	RGB 69 143 70	#458F46
16.7%	16.7% #569C57	RGB 86 156 87	#569C57
33.3%	33.3% #69A96A	RGB 105 169 106	#69A96A
50.0%	50.0% #7EB77F	RGB 126 183 127	#7EB77F
66.7%	66.7% #95C495	RGB 149 196 149	#95C495
83.3%	83.3% #AED1AE	RGB 174 209 174	#AED1AE
100.0%	100.0% #C9DFC9	RGB 201 223 201	#C9DFC9

#458F46 #569C57 #69A96A #7EB77F #95C495 #AED1AE #C9DFC9

#458F46 - #7EB77F - #C9DFC9

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #458F46 0%, #7EB77F 50%, #C9DFC9 100%);
    background: -webkit-linear-gradient(top, #458F46 0%, #7EB77F 50%, #C9DFC9 100%);
    background: linear-gradient(to bottom, #458F46 0%, #7EB77F 50%, #C9DFC9 100%);
}
</style>