#D6FFB6 - #8CDA4D | colorate

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

Blend #D6FFB6 to #8CDA4D

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

RGBブレンド

#D6FFB6 - #8CDA4D | colorate

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

0.0%	0.0% #D6FFB6	RGB 214 255 182	#D6FFB6
16.7%	16.7% #C9F8A4	RGB 201 248 164	#C9F8A4
33.3%	33.3% #BDF293	RGB 189 242 147	#BDF293
50.0%	50.0% #B1EC81	RGB 177 236 129	#B1EC81
66.7%	66.7% #A4E670	RGB 164 230 112	#A4E670
83.3%	83.3% #98E05E	RGB 152 224 94	#98E05E
100.0%	100.0% #8CDA4D	RGB 140 218 77	#8CDA4D

#D6FFB6 #C9F8A4 #BDF293 #B1EC81 #A4E670 #98E05E #8CDA4D

#D6FFB6 - #8CDA4D

HSVブレンド

#D6FFB6 - #8CDA4D | colorate

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

0.0%	0.0% #D6FFB6	RGB 214 255 182	#D6FFB6
16.7%	16.7% #C8F8A2	RGB 200 248 162	#C8F8A2
33.3%	33.3% #BBF290	RGB 187 242 144	#BBF290
50.0%	50.0% #AEEC7E	RGB 174 236 126	#AEEC7E
66.7%	66.7% #A2E66D	RGB 162 230 109	#A2E66D
83.3%	83.3% #97E05C	RGB 151 224 92	#97E05C
100.0%	100.0% #8CDA4D	RGB 140 218 77	#8CDA4D

#D6FFB6 #C8F8A2 #BBF290 #AEEC7E #A2E66D #97E05C #8CDA4D

#D6FFB6 - #AEEC7E - #8CDA4D

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D6FFB6 0%, #AEEC7E 50%, #8CDA4D 100%);
    background: -webkit-linear-gradient(top, #D6FFB6 0%, #AEEC7E 50%, #8CDA4D 100%);
    background: linear-gradient(to bottom, #D6FFB6 0%, #AEEC7E 50%, #8CDA4D 100%);
}
</style>