#4F5637 - #CCCEC5 | 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 #4F5637 a #CCCEC5

#4F5637 #CCCEC5

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

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

0.0%	0.0% #4F5637	RGB 79 86 55	#4F5637
16.7%	16.7% #636A4E	RGB 99 106 78	#636A4E
33.3%	33.3% #787E66	RGB 120 126 102	#787E66
50.0%	50.0% #8D927E	RGB 141 146 126	#8D927E
66.7%	66.7% #A2A695	RGB 162 166 149	#A2A695
83.3%	83.3% #B7BAAD	RGB 183 186 173	#B7BAAD
100.0%	100.0% #CCCEC5	RGB 204 206 197	#CCCEC5

#4F5637 #636A4E #787E66 #8D927E #A2A695 #B7BAAD #CCCEC5

#4F5637 - #CCCEC5

Mezcla HSV

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

0.0%	0.0% #4F5637	RGB 79 86 55	#4F5637
16.7%	16.7% #626A49	RGB 98 106 73	#626A49
33.3%	33.3% #767E5D	RGB 118 126 93	#767E5D
50.0%	50.0% #8B9274	RGB 139 146 116	#8B9274
66.7%	66.7% #A0A68D	RGB 160 166 141	#A0A68D
83.3%	83.3% #B6BAA8	RGB 182 186 168	#B6BAA8
100.0%	100.0% #CCCEC5	RGB 204 206 197	#CCCEC5

#4F5637 #626A49 #767E5D #8B9274 #A0A68D #B6BAA8 #CCCEC5

#4F5637 - #8B9274 - #CCCEC5

Códigos CSS

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

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