#438F8F - #C9DEDF | colorate

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

Blend #438F8F to #C9DEDF

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

RGBブレンド

#438F8F - #C9DEDF | colorate

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

0.0%	0.0% #438F8F	RGB 67 143 143	#438F8F
16.7%	16.7% #599C9C	RGB 89 156 156	#599C9C
33.3%	33.3% #6FA9A9	RGB 111 169 169	#6FA9A9
50.0%	50.0% #86B6B7	RGB 134 182 183	#86B6B7
66.7%	66.7% #9CC3C4	RGB 156 195 196	#9CC3C4
83.3%	83.3% #B2D0D1	RGB 178 208 209	#B2D0D1
100.0%	100.0% #C9DEDF	RGB 201 222 223	#C9DEDF

#438F8F #599C9C #6FA9A9 #86B6B7 #9CC3C4 #B2D0D1 #C9DEDF

#438F8F - #C9DEDF

HSVブレンド

#438F8F - #C9DEDF | colorate

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

0.0%	0.0% #438F8F	RGB 67 143 143	#438F8F
16.7%	16.7% #549B9C	RGB 84 155 156	#549B9C
33.3%	33.3% #67A8A9	RGB 103 168 169	#67A8A9
50.0%	50.0% #7DB5B7	RGB 125 181 183	#7DB5B7
66.7%	66.7% #94C2C4	RGB 148 194 196	#94C2C4
83.3%	83.3% #ADD0D1	RGB 173 208 209	#ADD0D1
100.0%	100.0% #C9DEDF	RGB 201 222 223	#C9DEDF

#438F8F #549B9C #67A8A9 #7DB5B7 #94C2C4 #ADD0D1 #C9DEDF

#438F8F - #7DB5B7 - #C9DEDF

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #438F8F 0%, #7DB5B7 50%, #C9DEDF 100%);
    background: -webkit-linear-gradient(top, #438F8F 0%, #7DB5B7 50%, #C9DEDF 100%);
    background: linear-gradient(to bottom, #438F8F 0%, #7DB5B7 50%, #C9DEDF 100%);
}
</style>