#503131 - #CDC4C4 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #503131 a #CDC4C4

#503131 #CDC4C4

Calcule el color entre dos colores, #503131 y #CDC4C4. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#503131 - #CDC4C4 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #503131 como 0% y #CDC4C4 como 100%.

0.0%	0.0% #503131	RGB 80 49 49	#503131
16.7%	16.7% #644949	RGB 100 73 73	#644949
33.3%	33.3% #796262	RGB 121 98 98	#796262
50.0%	50.0% #8E7A7A	RGB 142 122 122	#8E7A7A
66.7%	66.7% #A39393	RGB 163 147 147	#A39393
83.3%	83.3% #B8ABAB	RGB 184 171 171	#B8ABAB
100.0%	100.0% #CDC4C4	RGB 205 196 196	#CDC4C4

#503131 #644949 #796262 #8E7A7A #A39393 #B8ABAB #CDC4C4

#503131 - #CDC4C4

Mezcla HSV

#503131 - #CDC4C4 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #503131 como 0% y #CDC4C4 como 100%.

0.0%	0.0% #503131	RGB 80 49 49	#503131
16.7%	16.7% #644343	RGB 100 67 67	#644343
33.3%	33.3% #795858	RGB 121 88 88	#795858
50.0%	50.0% #8E6F6F	RGB 142 111 111	#8E6F6F
66.7%	66.7% #A38989	RGB 163 137 137	#A38989
83.3%	83.3% #B8A5A5	RGB 184 165 165	#B8A5A5
100.0%	100.0% #CDC4C4	RGB 205 196 196	#CDC4C4

#503131 #644343 #795858 #8E6F6F #A38989 #B8A5A5 #CDC4C4

#503131 - #8E6F6F - #CDC4C4

Códigos CSS

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

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