#262723 - #272325 | colorate

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

Blend #262723 to #272325

#262723 #272325

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

RGBブレンド

#262723 - #272325 | colorate

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

0.0%	0.0% #262723	RGB 38 39 35	#262723
16.7%	16.7% #262623	RGB 38 38 35	#262623
33.3%	33.3% #262523	RGB 38 37 35	#262523
50.0%	50.0% #262524	RGB 38 37 36	#262524
66.7%	66.7% #262424	RGB 38 36 36	#262424
83.3%	83.3% #262324	RGB 38 35 36	#262324
100.0%	100.0% #272325	RGB 39 35 37	#272325

#262723 #262623 #262523 #262524 #262424 #262324 #272325

#262723 - #272325

HSVブレンド

#262723 - #272325 | colorate

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

0.0%	0.0% #262723	RGB 38 39 35	#262723
16.7%	16.7% #272623	RGB 39 38 35	#272623
33.3%	33.3% #272523	RGB 39 37 35	#272523
50.0%	50.0% #272423	RGB 39 36 35	#272423
66.7%	66.7% #272323	RGB 39 35 35	#272323
83.3%	83.3% #272323	RGB 39 35 35	#272323
100.0%	100.0% #272325	RGB 39 35 37	#272325

#262723 #272623 #272523 #272423 #272323 #272323 #272325

#262723 - #272423 - #272325

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #262723 0%, #272423 50%, #272325 100%);
    background: -webkit-linear-gradient(top, #262723 0%, #272423 50%, #272325 100%);
    background: linear-gradient(to bottom, #262723 0%, #272423 50%, #272325 100%);
}
</style>