#B0FFC7 - #55F692 | colorate

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

Blend #B0FFC7 to #55F692

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

RGBブレンド

#B0FFC7 - #55F692 | colorate

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

0.0%	0.0% #B0FFC7	RGB 176 255 199	#B0FFC7
16.7%	16.7% #A0FDBE	RGB 160 253 190	#A0FDBE
33.3%	33.3% #91FCB5	RGB 145 252 181	#91FCB5
50.0%	50.0% #82FAAC	RGB 130 250 172	#82FAAC
66.7%	66.7% #73F9A3	RGB 115 249 163	#73F9A3
83.3%	83.3% #64F79A	RGB 100 247 154	#64F79A
100.0%	100.0% #55F692	RGB 85 246 146	#55F692

#B0FFC7 #A0FDBE #91FCB5 #82FAAC #73F9A3 #64F79A #55F692

#B0FFC7 - #55F692

HSVブレンド

#B0FFC7 - #55F692 | colorate

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

0.0%	0.0% #B0FFC7	RGB 176 255 199	#B0FFC7
16.7%	16.7% #A0FDBC	RGB 160 253 188	#A0FDBC
33.3%	33.3% #90FCB3	RGB 144 252 179	#90FCB3
50.0%	50.0% #81FAAA	RGB 129 250 170	#81FAAA
66.7%	66.7% #72F9A1	RGB 114 249 161	#72F9A1
83.3%	83.3% #63F799	RGB 99 247 153	#63F799
100.0%	100.0% #55F692	RGB 85 246 146	#55F692

#B0FFC7 #A0FDBC #90FCB3 #81FAAA #72F9A1 #63F799 #55F692

#B0FFC7 - #81FAAA - #55F692

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0FFC7 0%, #81FAAA 50%, #55F692 100%);
    background: -webkit-linear-gradient(top, #B0FFC7 0%, #81FAAA 50%, #55F692 100%);
    background: linear-gradient(to bottom, #B0FFC7 0%, #81FAAA 50%, #55F692 100%);
}
</style>