#4D5024 - #CCCDC0 | 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 #4D5024 a #CCCDC0

#4D5024 #CCCDC0

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

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

0.0%	0.0% #4D5024	RGB 77 80 36	#4D5024
16.7%	16.7% #62643E	RGB 98 100 62	#62643E
33.3%	33.3% #777958	RGB 119 121 88	#777958
50.0%	50.0% #8C8E72	RGB 140 142 114	#8C8E72
66.7%	66.7% #A1A38C	RGB 161 163 140	#A1A38C
83.3%	83.3% #B6B8A6	RGB 182 184 166	#B6B8A6
100.0%	100.0% #CCCDC0	RGB 204 205 192	#CCCDC0

#4D5024 #62643E #777958 #8C8E72 #A1A38C #B6B8A6 #CCCDC0

#4D5024 - #CCCDC0

Mezcla HSV

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

0.0%	0.0% #4D5024	RGB 77 80 36	#4D5024
16.7%	16.7% #616435	RGB 97 100 53	#616435
33.3%	33.3% #76794A	RGB 118 121 74	#76794A
50.0%	50.0% #8B8E62	RGB 139 142 98	#8B8E62
66.7%	66.7% #A0A37E	RGB 160 163 126	#A0A37E
83.3%	83.3% #B6B89D	RGB 182 184 157	#B6B89D
100.0%	100.0% #CCCDC0	RGB 204 205 192	#CCCDC0

#4D5024 #616435 #76794A #8B8E62 #A0A37E #B6B89D #CCCDC0

#4D5024 - #8B8E62 - #CCCDC0

Códigos CSS

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

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