#27190D - #715137 | colorate

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

Blend #27190D to #715137

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

RGBブレンド

#27190D - #715137 | colorate

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

0.0%	0.0% #27190D	RGB 39 25 13	#27190D
16.7%	16.7% #332214	RGB 51 34 20	#332214
33.3%	33.3% #3F2B1B	RGB 63 43 27	#3F2B1B
50.0%	50.0% #4C3522	RGB 76 53 34	#4C3522
66.7%	66.7% #583E29	RGB 88 62 41	#583E29
83.3%	83.3% #644730	RGB 100 71 48	#644730
100.0%	100.0% #715137	RGB 113 81 55	#715137

#27190D #332214 #3F2B1B #4C3522 #583E29 #644730 #715137

#27190D - #715137

HSVブレンド

#27190D - #715137 | colorate

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

0.0%	0.0% #27190D	RGB 39 25 13	#27190D
16.7%	16.7% #332112	RGB 51 33 18	#332112
33.3%	33.3% #3F2A18	RGB 63 42 24	#3F2A18
50.0%	50.0% #4C331F	RGB 76 51 31	#4C331F
66.7%	66.7% #583D26	RGB 88 61 38	#583D26
83.3%	83.3% #64462E	RGB 100 70 46	#64462E
100.0%	100.0% #715137	RGB 113 81 55	#715137

#27190D #332112 #3F2A18 #4C331F #583D26 #64462E #715137

#27190D - #4C331F - #715137

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #27190D 0%, #4C331F 50%, #715137 100%);
    background: -webkit-linear-gradient(top, #27190D 0%, #4C331F 50%, #715137 100%);
    background: linear-gradient(to bottom, #27190D 0%, #4C331F 50%, #715137 100%);
}
</style>