#4C4E4B - #CBCCCB | 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 #4C4E4B a #CBCCCB

#4C4E4B #CBCCCB

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

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

0.0%	0.0% #4C4E4B	RGB 76 78 75	#4C4E4B
16.7%	16.7% #616360	RGB 97 99 96	#616360
33.3%	33.3% #767875	RGB 118 120 117	#767875
50.0%	50.0% #8B8D8B	RGB 139 141 139	#8B8D8B
66.7%	66.7% #A0A2A0	RGB 160 162 160	#A0A2A0
83.3%	83.3% #B5B7B5	RGB 181 183 181	#B5B7B5
100.0%	100.0% #CBCCCB	RGB 203 204 203	#CBCCCB

#4C4E4B #616360 #767875 #8B8D8B #A0A2A0 #B5B7B5 #CBCCCB

#4C4E4B - #CBCCCB

Mezcla HSV

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

0.0%	0.0% #4C4E4B	RGB 76 78 75	#4C4E4B
16.7%	16.7% #60635F	RGB 96 99 95	#60635F
33.3%	33.3% #757874	RGB 117 120 116	#757874
50.0%	50.0% #8A8D89	RGB 138 141 137	#8A8D89
66.7%	66.7% #9FA29F	RGB 159 162 159	#9FA29F
83.3%	83.3% #B5B7B5	RGB 181 183 181	#B5B7B5
100.0%	100.0% #CBCCCB	RGB 203 204 203	#CBCCCB

#4C4E4B #60635F #757874 #8A8D89 #9FA29F #B5B7B5 #CBCCCB

#4C4E4B - #8A8D89 - #CBCCCB

Códigos CSS

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

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