#4C563F - #CBCEC8 | 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 #4C563F a #CBCEC8

#4C563F #CBCEC8

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

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

0.0%	0.0% #4C563F	RGB 76 86 63	#4C563F
16.7%	16.7% #616A55	RGB 97 106 85	#616A55
33.3%	33.3% #767E6C	RGB 118 126 108	#767E6C
50.0%	50.0% #8B9283	RGB 139 146 131	#8B9283
66.7%	66.7% #A0A69A	RGB 160 166 154	#A0A69A
83.3%	83.3% #B5BAB1	RGB 181 186 177	#B5BAB1
100.0%	100.0% #CBCEC8	RGB 203 206 200	#CBCEC8

#4C563F #616A55 #767E6C #8B9283 #A0A69A #B5BAB1 #CBCEC8

#4C563F - #CBCEC8

Mezcla HSV

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

0.0%	0.0% #4C563F	RGB 76 86 63	#4C563F
16.7%	16.7% #5F6A51	RGB 95 106 81	#5F6A51
33.3%	33.3% #737E66	RGB 115 126 102	#737E66
50.0%	50.0% #87927C	RGB 135 146 124	#87927C
66.7%	66.7% #9DA693	RGB 157 166 147	#9DA693
83.3%	83.3% #B3BAAD	RGB 179 186 173	#B3BAAD
100.0%	100.0% #CBCEC8	RGB 203 206 200	#CBCEC8

#4C563F #5F6A51 #737E66 #87927C #9DA693 #B3BAAD #CBCEC8

#4C563F - #87927C - #CBCEC8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C563F 0%, #87927C 50%, #CBCEC8 100%);
    background: -webkit-linear-gradient(top, #4C563F 0%, #87927C 50%, #CBCEC8 100%);
    background: linear-gradient(to bottom, #4C563F 0%, #87927C 50%, #CBCEC8 100%);
}
</style>