#85CBA1 - #A8FDF5 | colorate

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

Blend #85CBA1 to #A8FDF5

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

RGBブレンド

#85CBA1 - #A8FDF5 | colorate

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

0.0%	0.0% #85CBA1	RGB 133 203 161	#85CBA1
16.7%	16.7% #8AD3AF	RGB 138 211 175	#8AD3AF
33.3%	33.3% #90DBBD	RGB 144 219 189	#90DBBD
50.0%	50.0% #96E4CB	RGB 150 228 203	#96E4CB
66.7%	66.7% #9CECD9	RGB 156 236 217	#9CECD9
83.3%	83.3% #A2F4E7	RGB 162 244 231	#A2F4E7
100.0%	100.0% #A8FDF5	RGB 168 253 245	#A8FDF5

#85CBA1 #8AD3AF #90DBBD #96E4CB #9CECD9 #A2F4E7 #A8FDF5

#85CBA1 - #A8FDF5

HSVブレンド

#85CBA1 - #A8FDF5 | colorate

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

0.0%	0.0% #85CBA1	RGB 133 203 161	#85CBA1
16.7%	16.7% #8AD3AD	RGB 138 211 173	#8AD3AD
33.3%	33.3% #90DBBB	RGB 144 219 187	#90DBBB
50.0%	50.0% #96E4C9	RGB 150 228 201	#96E4C9
66.7%	66.7% #9CECD7	RGB 156 236 215	#9CECD7
83.3%	83.3% #A2F4E5	RGB 162 244 229	#A2F4E5
100.0%	100.0% #A8FDF5	RGB 168 253 245	#A8FDF5

#85CBA1 #8AD3AD #90DBBB #96E4C9 #9CECD7 #A2F4E5 #A8FDF5

#85CBA1 - #96E4C9 - #A8FDF5

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85CBA1 0%, #96E4C9 50%, #A8FDF5 100%);
    background: -webkit-linear-gradient(top, #85CBA1 0%, #96E4C9 50%, #A8FDF5 100%);
    background: linear-gradient(to bottom, #85CBA1 0%, #96E4C9 50%, #A8FDF5 100%);
}
</style>