#4C5E46 - #CCD1CA | 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 #4C5E46 a #CCD1CA

#4C5E46 #CCD1CA

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

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

0.0%	0.0% #4C5E46	RGB 76 94 70	#4C5E46
16.7%	16.7% #61715C	RGB 97 113 92	#61715C
33.3%	33.3% #768472	RGB 118 132 114	#768472
50.0%	50.0% #8C9788	RGB 140 151 136	#8C9788
66.7%	66.7% #A1AA9E	RGB 161 170 158	#A1AA9E
83.3%	83.3% #B6BDB4	RGB 182 189 180	#B6BDB4
100.0%	100.0% #CCD1CA	RGB 204 209 202	#CCD1CA

#4C5E46 #61715C #768472 #8C9788 #A1AA9E #B6BDB4 #CCD1CA

#4C5E46 - #CCD1CA

Mezcla HSV

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

0.0%	0.0% #4C5E46	RGB 76 94 70	#4C5E46
16.7%	16.7% #5E7158	RGB 94 113 88	#5E7158
33.3%	33.3% #72846C	RGB 114 132 108	#72846C
50.0%	50.0% #879781	RGB 135 151 129	#879781
66.7%	66.7% #9DAA98	RGB 157 170 152	#9DAA98
83.3%	83.3% #B4BDB0	RGB 180 189 176	#B4BDB0
100.0%	100.0% #CCD1CA	RGB 204 209 202	#CCD1CA

#4C5E46 #5E7158 #72846C #879781 #9DAA98 #B4BDB0 #CCD1CA

#4C5E46 - #879781 - #CCD1CA

Códigos CSS

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

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