#4F523B - #CCCDC7 | 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 #4F523B a #CCCDC7

#4F523B #CCCDC7

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

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

0.0%	0.0% #4F523B	RGB 79 82 59	#4F523B
16.7%	16.7% #636652	RGB 99 102 82	#636652
33.3%	33.3% #787B69	RGB 120 123 105	#787B69
50.0%	50.0% #8D8F81	RGB 141 143 129	#8D8F81
66.7%	66.7% #A2A498	RGB 162 164 152	#A2A498
83.3%	83.3% #B7B8AF	RGB 183 184 175	#B7B8AF
100.0%	100.0% #CCCDC7	RGB 204 205 199	#CCCDC7

#4F523B #636652 #787B69 #8D8F81 #A2A498 #B7B8AF #CCCDC7

#4F523B - #CCCDC7

Mezcla HSV

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

0.0%	0.0% #4F523B	RGB 79 82 59	#4F523B
16.7%	16.7% #63664E	RGB 99 102 78	#63664E
33.3%	33.3% #777B62	RGB 119 123 98	#777B62
50.0%	50.0% #8C8F79	RGB 140 143 121	#8C8F79
66.7%	66.7% #A1A491	RGB 161 164 145	#A1A491
83.3%	83.3% #B6B8AB	RGB 182 184 171	#B6B8AB
100.0%	100.0% #CCCDC7	RGB 204 205 199	#CCCDC7

#4F523B #63664E #777B62 #8C8F79 #A1A491 #B6B8AB #CCCDC7

#4F523B - #8C8F79 - #CCCDC7

Códigos CSS

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

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