#B5EAC3 - #58BC90 | colorate

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

Blend #B5EAC3 to #58BC90

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

RGBブレンド

#B5EAC3 - #58BC90 | colorate

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

0.0%	0.0% #B5EAC3	RGB 181 234 195	#B5EAC3
16.7%	16.7% #A5E2BA	RGB 165 226 186	#A5E2BA
33.3%	33.3% #96DAB2	RGB 150 218 178	#96DAB2
50.0%	50.0% #86D3A9	RGB 134 211 169	#86D3A9
66.7%	66.7% #77CBA1	RGB 119 203 161	#77CBA1
83.3%	83.3% #67C398	RGB 103 195 152	#67C398
100.0%	100.0% #58BC90	RGB 88 188 144	#58BC90

#B5EAC3 #A5E2BA #96DAB2 #86D3A9 #77CBA1 #67C398 #58BC90

#B5EAC3 - #58BC90

HSVブレンド

#B5EAC3 - #58BC90 | colorate

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

0.0%	0.0% #B5EAC3	RGB 181 234 195	#B5EAC3
16.7%	16.7% #A3E2B7	RGB 163 226 183	#A3E2B7
33.3%	33.3% #92DAAC	RGB 146 218 172	#92DAAC
50.0%	50.0% #82D3A3	RGB 130 211 163	#82D3A3
66.7%	66.7% #73CB9C	RGB 115 203 156	#73CB9C
83.3%	83.3% #65C395	RGB 101 195 149	#65C395
100.0%	100.0% #58BC90	RGB 88 188 144	#58BC90

#B5EAC3 #A3E2B7 #92DAAC #82D3A3 #73CB9C #65C395 #58BC90

#B5EAC3 - #82D3A3 - #58BC90

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5EAC3 0%, #82D3A3 50%, #58BC90 100%);
    background: -webkit-linear-gradient(top, #B5EAC3 0%, #82D3A3 50%, #58BC90 100%);
    background: linear-gradient(to bottom, #B5EAC3 0%, #82D3A3 50%, #58BC90 100%);
}
</style>