#DC143C - #620017 | colorate

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

Blend #DC143C to #620017

#DC143C #620017

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

RGBブレンド

#DC143C - #620017 | colorate

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

0.0%	0.0% #DC143C	RGB 220 20 60	#DC143C
16.7%	16.7% #C71035	RGB 199 16 53	#C71035
33.3%	33.3% #B30D2F	RGB 179 13 47	#B30D2F
50.0%	50.0% #9F0A29	RGB 159 10 41	#9F0A29
66.7%	66.7% #8A0623	RGB 138 6 35	#8A0623
83.3%	83.3% #76031D	RGB 118 3 29	#76031D
100.0%	100.0% #620017	RGB 98 0 23	#620017

#DC143C #C71035 #B30D2F #9F0A29 #8A0623 #76031D #620017

#DC143C - #620017

HSVブレンド

#DC143C - #620017 | colorate

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

0.0%	0.0% #DC133C	RGB 220 19 60	#DC133C
16.7%	16.7% #C70F35	RGB 199 15 53	#C70F35
33.3%	33.3% #B30A2E	RGB 179 10 46	#B30A2E
50.0%	50.0% #9F0728	RGB 159 7 40	#9F0728
66.7%	66.7% #8A0422	RGB 138 4 34	#8A0422
83.3%	83.3% #76011C	RGB 118 1 28	#76011C
100.0%	100.0% #620017	RGB 98 0 23	#620017

#DC133C #C70F35 #B30A2E #9F0728 #8A0422 #76011C #620017

#DC143C - #9F0728 - #620017

CSSコード

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

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