#C2FFBE - #FFEFC6 | colorate

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

Blend #C2FFBE to #FFEFC6

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

RGBブレンド

#C2FFBE - #FFEFC6 | colorate

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

0.0%	0.0% #C2FFBE	RGB 194 255 190	#C2FFBE
16.7%	16.7% #CCFCBF	RGB 204 252 191	#CCFCBF
33.3%	33.3% #D6F9C0	RGB 214 249 192	#D6F9C0
50.0%	50.0% #E0F7C2	RGB 224 247 194	#E0F7C2
66.7%	66.7% #EAF4C3	RGB 234 244 195	#EAF4C3
83.3%	83.3% #F4F1C4	RGB 244 241 196	#F4F1C4
100.0%	100.0% #FFEFC6	RGB 255 239 198	#FFEFC6

#C2FFBE #CCFCBF #D6F9C0 #E0F7C2 #EAF4C3 #F4F1C4 #FFEFC6

#C2FFBE - #FFEFC6

HSVブレンド

#C2FFBE - #FFEFC6 | colorate

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

0.0%	0.0% #C2FFBE	RGB 194 255 190	#C2FFBE
16.7%	16.7% #D0FFBF	RGB 208 255 191	#D0FFBF
33.3%	33.3% #DDFFC0	RGB 221 255 192	#DDFFC0
50.0%	50.0% #EAFFC2	RGB 234 255 194	#EAFFC2
66.7%	66.7% #F7FFC3	RGB 247 255 195	#F7FFC3
83.3%	83.3% #FFFAC4	RGB 255 250 196	#FFFAC4
100.0%	100.0% #FFEFC6	RGB 255 239 198	#FFEFC6

#C2FFBE #D0FFBF #DDFFC0 #EAFFC2 #F7FFC3 #FFFAC4 #FFEFC6

#C2FFBE - #EAFFC2 - #FFEFC6

CSSコード

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

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