#C3FFB2 - #6CEC5E | colorate

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

Blend #C3FFB2 to #6CEC5E

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

RGBブレンド

#C3FFB2 - #6CEC5E | colorate

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

0.0%	0.0% #C3FFB2	RGB 195 255 178	#C3FFB2
16.7%	16.7% #B4FBA4	RGB 180 251 164	#B4FBA4
33.3%	33.3% #A6F896	RGB 166 248 150	#A6F896
50.0%	50.0% #97F588	RGB 151 245 136	#97F588
66.7%	66.7% #89F27A	RGB 137 242 122	#89F27A
83.3%	83.3% #7AEF6C	RGB 122 239 108	#7AEF6C
100.0%	100.0% #6CEC5E	RGB 108 236 94	#6CEC5E

#C3FFB2 #B4FBA4 #A6F896 #97F588 #89F27A #7AEF6C #6CEC5E

#C3FFB2 - #6CEC5E

HSVブレンド

#C3FFB2 - #6CEC5E | colorate

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

0.0%	0.0% #C3FFB2	RGB 195 255 178	#C3FFB2
16.7%	16.7% #B4FBA3	RGB 180 251 163	#B4FBA3
33.3%	33.3% #A6F894	RGB 166 248 148	#A6F894
50.0%	50.0% #98F586	RGB 152 245 134	#98F586
66.7%	66.7% #89F278	RGB 137 242 120	#89F278
83.3%	83.3% #7AEF6B	RGB 122 239 107	#7AEF6B
100.0%	100.0% #6CEC5E	RGB 108 236 94	#6CEC5E

#C3FFB2 #B4FBA3 #A6F894 #98F586 #89F278 #7AEF6B #6CEC5E

#C3FFB2 - #98F586 - #6CEC5E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3FFB2 0%, #98F586 50%, #6CEC5E 100%);
    background: -webkit-linear-gradient(top, #C3FFB2 0%, #98F586 50%, #6CEC5E 100%);
    background: linear-gradient(to bottom, #C3FFB2 0%, #98F586 50%, #6CEC5E 100%);
}
</style>