#38202B - #93424D | colorate

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

Blend #38202B to #93424D

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

RGBブレンド

#38202B - #93424D | colorate

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

0.0%	0.0% #38202B	RGB 56 32 43	#38202B
16.7%	16.7% #472530	RGB 71 37 48	#472530
33.3%	33.3% #562B36	RGB 86 43 54	#562B36
50.0%	50.0% #65313C	RGB 101 49 60	#65313C
66.7%	66.7% #743641	RGB 116 54 65	#743641
83.3%	83.3% #833C47	RGB 131 60 71	#833C47
100.0%	100.0% #93424D	RGB 147 66 77	#93424D

#38202B #472530 #562B36 #65313C #743641 #833C47 #93424D

#38202B - #93424D

HSVブレンド

#38202B - #93424D | colorate

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

0.0%	0.0% #38202B	RGB 56 32 43	#38202B
16.7%	16.7% #472734	RGB 71 39 52	#472734
33.3%	33.3% #562D3C	RGB 86 45 60	#562D3C
50.0%	50.0% #653342	RGB 101 51 66	#653342
66.7%	66.7% #743947	RGB 116 57 71	#743947
83.3%	83.3% #833D4B	RGB 131 61 75	#833D4B
100.0%	100.0% #93424D	RGB 147 66 77	#93424D

#38202B #472734 #562D3C #653342 #743947 #833D4B #93424D

#38202B - #653342 - #93424D

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #38202B 0%, #653342 50%, #93424D 100%);
    background: -webkit-linear-gradient(top, #38202B 0%, #653342 50%, #93424D 100%);
    background: linear-gradient(to bottom, #38202B 0%, #653342 50%, #93424D 100%);
}
</style>