#4E443C - #CCC9C7 | 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 #4E443C a #CCC9C7

#4E443C #CCC9C7

Calcule el color entre dos colores, #4E443C y #CCC9C7. 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)

#4E443C - #CCC9C7 | 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 #4E443C como 0% y #CCC9C7 como 100%.

0.0%	0.0% #4E443C	RGB 78 68 60	#4E443C
16.7%	16.7% #635A53	RGB 99 90 83	#635A53
33.3%	33.3% #78706A	RGB 120 112 106	#78706A
50.0%	50.0% #8D8681	RGB 141 134 129	#8D8681
66.7%	66.7% #A29C98	RGB 162 156 152	#A29C98
83.3%	83.3% #B7B2AF	RGB 183 178 175	#B7B2AF
100.0%	100.0% #CCC9C7	RGB 204 201 199	#CCC9C7

#4E443C #635A53 #78706A #8D8681 #A29C98 #B7B2AF #CCC9C7

#4E443C - #CCC9C7

Mezcla HSV

#4E443C - #CCC9C7 | 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 #4E443C como 0% y #CCC9C7 como 100%.

0.0%	0.0% #4E443C	RGB 78 68 60	#4E443C
16.7%	16.7% #63584F	RGB 99 88 79	#63584F
33.3%	33.3% #786C64	RGB 120 108 100	#786C64
50.0%	50.0% #8D827B	RGB 141 130 123	#8D827B
66.7%	66.7% #A29992	RGB 162 153 146	#A29992
83.3%	83.3% #B7B0AC	RGB 183 176 172	#B7B0AC
100.0%	100.0% #CCC9C7	RGB 204 201 199	#CCC9C7

#4E443C #63584F #786C64 #8D827B #A29992 #B7B0AC #CCC9C7

#4E443C - #8D827B - #CCC9C7

Códigos CSS

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

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