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

#4B4E4D #CBCCCB

Calcule el color entre dos colores, #4B4E4D 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)

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

0.0%	0.0% #4B4E4D	RGB 75 78 77	#4B4E4D
16.7%	16.7% #606362	RGB 96 99 98	#606362
33.3%	33.3% #757877	RGB 117 120 119	#757877
50.0%	50.0% #8B8D8C	RGB 139 141 140	#8B8D8C
66.7%	66.7% #A0A2A1	RGB 160 162 161	#A0A2A1
83.3%	83.3% #B5B7B6	RGB 181 183 182	#B5B7B6
100.0%	100.0% #CBCCCB	RGB 203 204 203	#CBCCCB

#4B4E4D #606362 #757877 #8B8D8C #A0A2A1 #B5B7B6 #CBCCCB

#4B4E4D - #CBCCCB

Mezcla HSV

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

0.0%	0.0% #4B4E4D	RGB 75 78 77	#4B4E4D
16.7%	16.7% #5F6361	RGB 95 99 97	#5F6361
33.3%	33.3% #747876	RGB 116 120 118	#747876
50.0%	50.0% #898D8A	RGB 137 141 138	#898D8A
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

#4B4E4D #5F6361 #747876 #898D8A #9FA29F #B5B7B5 #CBCCCB

#4B4E4D - #898D8A - #CBCCCB

Códigos CSS

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

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