#088900 - #B8DDB6 | colorate

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

Blend #088900 to #B8DDB6

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

RGBブレンド

#088900 - #B8DDB6 | colorate

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

0.0%	0.0% #088900	RGB 8 137 0	#088900
16.7%	16.7% #25971E	RGB 37 151 30	#25971E
33.3%	33.3% #42A53C	RGB 66 165 60	#42A53C
50.0%	50.0% #60B35B	RGB 96 179 91	#60B35B
66.7%	66.7% #7DC179	RGB 125 193 121	#7DC179
83.3%	83.3% #9ACF97	RGB 154 207 151	#9ACF97
100.0%	100.0% #B8DDB6	RGB 184 221 182	#B8DDB6

#088900 #25971E #42A53C #60B35B #7DC179 #9ACF97 #B8DDB6

#088900 - #B8DDB6

HSVブレンド

#088900 - #B8DDB6 | colorate

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

0.0%	0.0% #078900	RGB 7 137 0	#078900
16.7%	16.7% #1C9714	RGB 28 151 20	#1C9714
33.3%	33.3% #34A52D	RGB 52 165 45	#34A52D
50.0%	50.0% #4FB349	RGB 79 179 73	#4FB349
66.7%	66.7% #6EC169	RGB 110 193 105	#6EC169
83.3%	83.3% #91CF8E	RGB 145 207 142	#91CF8E
100.0%	100.0% #B8DDB6	RGB 184 221 182	#B8DDB6

#078900 #1C9714 #34A52D #4FB349 #6EC169 #91CF8E #B8DDB6

#088900 - #4FB349 - #B8DDB6

CSSコード

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

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