#4D4E3C - #CCCCC7 | 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 #4D4E3C a #CCCCC7

#4D4E3C #CCCCC7

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

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

0.0%	0.0% #4D4E3C	RGB 77 78 60	#4D4E3C
16.7%	16.7% #626353	RGB 98 99 83	#626353
33.3%	33.3% #77786A	RGB 119 120 106	#77786A
50.0%	50.0% #8C8D81	RGB 140 141 129	#8C8D81
66.7%	66.7% #A1A298	RGB 161 162 152	#A1A298
83.3%	83.3% #B6B7AF	RGB 182 183 175	#B6B7AF
100.0%	100.0% #CCCCC7	RGB 204 204 199	#CCCCC7

#4D4E3C #626353 #77786A #8C8D81 #A1A298 #B6B7AF #CCCCC7

#4D4E3C - #CCCCC7

Mezcla HSV

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

0.0%	0.0% #4D4E3C	RGB 77 78 60	#4D4E3C
16.7%	16.7% #62634F	RGB 98 99 79	#62634F
33.3%	33.3% #777864	RGB 119 120 100	#777864
50.0%	50.0% #8C8D7B	RGB 140 141 123	#8C8D7B
66.7%	66.7% #A1A292	RGB 161 162 146	#A1A292
83.3%	83.3% #B6B7AC	RGB 182 183 172	#B6B7AC
100.0%	100.0% #CCCCC7	RGB 204 204 199	#CCCCC7

#4D4E3C #62634F #777864 #8C8D7B #A1A292 #B6B7AC #CCCCC7

#4D4E3C - #8C8D7B - #CCCCC7

Códigos CSS

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

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