#C65454 - #EECECE | colorate

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

Blend #C65454 to #EECECE

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

RGBブレンド

#C65454 - #EECECE | colorate

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

0.0%	0.0% #C65454	RGB 198 84 84	#C65454
16.7%	16.7% #CC6868	RGB 204 104 104	#CC6868
33.3%	33.3% #D37C7C	RGB 211 124 124	#D37C7C
50.0%	50.0% #DA9191	RGB 218 145 145	#DA9191
66.7%	66.7% #E0A5A5	RGB 224 165 165	#E0A5A5
83.3%	83.3% #E7B9B9	RGB 231 185 185	#E7B9B9
100.0%	100.0% #EECECE	RGB 238 206 206	#EECECE

#C65454 #CC6868 #D37C7C #DA9191 #E0A5A5 #E7B9B9 #EECECE

#C65454 - #EECECE

HSVブレンド

#C65454 - #EECECE | colorate

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

0.0%	0.0% #C65353	RGB 198 83 83	#C65353
16.7%	16.7% #CC6565	RGB 204 101 101	#CC6565
33.3%	33.3% #D37878	RGB 211 120 120	#D37878
50.0%	50.0% #DA8C8C	RGB 218 140 140	#DA8C8C
66.7%	66.7% #E0A1A1	RGB 224 161 161	#E0A1A1
83.3%	83.3% #E7B7B7	RGB 231 183 183	#E7B7B7
100.0%	100.0% #EECECE	RGB 238 206 206	#EECECE

#C65353 #CC6565 #D37878 #DA8C8C #E0A1A1 #E7B7B7 #EECECE

#C65454 - #DA8C8C - #EECECE

CSSコード

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

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