#392D2D - #523F38 | colorate

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

Blend #392D2D to #523F38

#392D2D #523F38

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

RGBブレンド

#392D2D - #523F38 | colorate

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

0.0%	0.0% #392D2D	RGB 57 45 45	#392D2D
16.7%	16.7% #3D302E	RGB 61 48 46	#3D302E
33.3%	33.3% #413330	RGB 65 51 48	#413330
50.0%	50.0% #453632	RGB 69 54 50	#453632
66.7%	66.7% #493934	RGB 73 57 52	#493934
83.3%	83.3% #4D3C36	RGB 77 60 54	#4D3C36
100.0%	100.0% #523F38	RGB 82 63 56	#523F38

#392D2D #3D302E #413330 #453632 #493934 #4D3C36 #523F38

#392D2D - #523F38

HSVブレンド

#392D2D - #523F38 | colorate

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

0.0%	0.0% #392D2D	RGB 57 45 45	#392D2D
16.7%	16.7% #3D2F2F	RGB 61 47 47	#3D2F2F
33.3%	33.3% #413231	RGB 65 50 49	#413231
50.0%	50.0% #453533	RGB 69 53 51	#453533
66.7%	66.7% #493834	RGB 73 56 52	#493834
83.3%	83.3% #4D3B36	RGB 77 59 54	#4D3B36
100.0%	100.0% #523F38	RGB 82 63 56	#523F38

#392D2D #3D2F2F #413231 #453533 #493834 #4D3B36 #523F38

#392D2D - #453533 - #523F38

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #392D2D 0%, #453533 50%, #523F38 100%);
    background: -webkit-linear-gradient(top, #392D2D 0%, #453533 50%, #523F38 100%);
    background: linear-gradient(to bottom, #392D2D 0%, #453533 50%, #523F38 100%);
}
</style>