#74C0B7 - #C07476 | colorate

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

Blend #74C0B7 to #C07476

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

RGBブレンド

#74C0B7 - #C07476 | colorate

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

0.0%	0.0% #74C0B7	RGB 116 192 183	#74C0B7
16.7%	16.7% #80B3AC	RGB 128 179 172	#80B3AC
33.3%	33.3% #8DA6A1	RGB 141 166 161	#8DA6A1
50.0%	50.0% #9A9A96	RGB 154 154 150	#9A9A96
66.7%	66.7% #A68D8B	RGB 166 141 139	#A68D8B
83.3%	83.3% #B38080	RGB 179 128 128	#B38080
100.0%	100.0% #C07476	RGB 192 116 118	#C07476

#74C0B7 #80B3AC #8DA6A1 #9A9A96 #A68D8B #B38080 #C07476

#74C0B7 - #C07476

HSVブレンド

#74C0B7 - #C07476 | colorate

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

0.0%	0.0% #74C0B7	RGB 116 192 183	#74C0B7
16.7%	16.7% #74C092	RGB 116 192 146	#74C092
33.3%	33.3% #7AC074	RGB 122 192 116	#7AC074
50.0%	50.0% #9FC074	RGB 159 192 116	#9FC074
66.7%	66.7% #C0BB74	RGB 192 187 116	#C0BB74
83.3%	83.3% #C09674	RGB 192 150 116	#C09674
100.0%	100.0% #C07476	RGB 192 116 118	#C07476

#74C0B7 #74C092 #7AC074 #9FC074 #C0BB74 #C09674 #C07476

#74C0B7 - #9FC074 - #C07476

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #74C0B7 0%, #9FC074 50%, #C07476 100%);
    background: -webkit-linear-gradient(top, #74C0B7 0%, #9FC074 50%, #C07476 100%);
    background: linear-gradient(to bottom, #74C0B7 0%, #9FC074 50%, #C07476 100%);
}
</style>