#01C7E6 - #BEFFD9 | colorate

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

Blend #01C7E6 to #BEFFD9

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

RGBブレンド

#01C7E6 - #BEFFD9 | colorate

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

0.0%	0.0% #01C7E6	RGB 1 199 230	#01C7E6
16.7%	16.7% #20D0E3	RGB 32 208 227	#20D0E3
33.3%	33.3% #40D9E1	RGB 64 217 225	#40D9E1
50.0%	50.0% #5FE3DF	RGB 95 227 223	#5FE3DF
66.7%	66.7% #7FECDD	RGB 127 236 221	#7FECDD
83.3%	83.3% #9EF5DB	RGB 158 245 219	#9EF5DB
100.0%	100.0% #BEFFD9	RGB 190 255 217	#BEFFD9

#01C7E6 #20D0E3 #40D9E1 #5FE3DF #7FECDD #9EF5DB #BEFFD9

#01C7E6 - #BEFFD9

HSVブレンド

#01C7E6 - #BEFFD9 | colorate

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

0.0%	0.0% #00C7E6	RGB 0 199 230	#00C7E6
16.7%	16.7% #1DE7EA	RGB 29 231 234	#1DE7EA
33.3%	33.3% #3BEEDB	RGB 59 238 219	#3BEEDB
50.0%	50.0% #5AF2D0	RGB 90 242 208	#5AF2D0
66.7%	66.7% #7AF6CC	RGB 122 246 204	#7AF6CC
83.3%	83.3% #9BFACE	RGB 155 250 206	#9BFACE
100.0%	100.0% #BEFFD9	RGB 190 255 217	#BEFFD9

#00C7E6 #1DE7EA #3BEEDB #5AF2D0 #7AF6CC #9BFACE #BEFFD9

#01C7E6 - #5AF2D0 - #BEFFD9

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C7E6 0%, #5AF2D0 50%, #BEFFD9 100%);
    background: -webkit-linear-gradient(top, #00C7E6 0%, #5AF2D0 50%, #BEFFD9 100%);
    background: linear-gradient(to bottom, #00C7E6 0%, #5AF2D0 50%, #BEFFD9 100%);
}
</style>