#4D4E4B - #CCCCCB | 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 #4D4E4B a #CCCCCB

#4D4E4B #CCCCCB

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

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

0.0%	0.0% #4D4E4B	RGB 77 78 75	#4D4E4B
16.7%	16.7% #626360	RGB 98 99 96	#626360
33.3%	33.3% #777875	RGB 119 120 117	#777875
50.0%	50.0% #8C8D8B	RGB 140 141 139	#8C8D8B
66.7%	66.7% #A1A2A0	RGB 161 162 160	#A1A2A0
83.3%	83.3% #B6B7B5	RGB 182 183 181	#B6B7B5
100.0%	100.0% #CCCCCB	RGB 204 204 203	#CCCCCB

#4D4E4B #626360 #777875 #8C8D8B #A1A2A0 #B6B7B5 #CCCCCB

#4D4E4B - #CCCCCB

Mezcla HSV

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

0.0%	0.0% #4D4E4B	RGB 77 78 75	#4D4E4B
16.7%	16.7% #62635F	RGB 98 99 95	#62635F
33.3%	33.3% #777874	RGB 119 120 116	#777874
50.0%	50.0% #8C8D89	RGB 140 141 137	#8C8D89
66.7%	66.7% #A1A29F	RGB 161 162 159	#A1A29F
83.3%	83.3% #B6B7B5	RGB 182 183 181	#B6B7B5
100.0%	100.0% #CCCCCB	RGB 204 204 203	#CCCCCB

#4D4E4B #62635F #777874 #8C8D89 #A1A29F #B6B7B5 #CCCCCB

#4D4E4B - #8C8D89 - #CCCCCB

Códigos CSS

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

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