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

#4D503B #CCCDC7

Calcule el color entre dos colores, #4D503B 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)

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

0.0%	0.0% #4D503B	RGB 77 80 59	#4D503B
16.7%	16.7% #626452	RGB 98 100 82	#626452
33.3%	33.3% #777969	RGB 119 121 105	#777969
50.0%	50.0% #8C8E81	RGB 140 142 129	#8C8E81
66.7%	66.7% #A1A398	RGB 161 163 152	#A1A398
83.3%	83.3% #B6B8AF	RGB 182 184 175	#B6B8AF
100.0%	100.0% #CCCDC7	RGB 204 205 199	#CCCDC7

#4D503B #626452 #777969 #8C8E81 #A1A398 #B6B8AF #CCCDC7

#4D503B - #CCCDC7

Mezcla HSV

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

0.0%	0.0% #4D503B	RGB 77 80 59	#4D503B
16.7%	16.7% #61644E	RGB 97 100 78	#61644E
33.3%	33.3% #767963	RGB 118 121 99	#767963
50.0%	50.0% #8B8E79	RGB 139 142 121	#8B8E79
66.7%	66.7% #A0A391	RGB 160 163 145	#A0A391
83.3%	83.3% #B6B8AB	RGB 182 184 171	#B6B8AB
100.0%	100.0% #CCCDC7	RGB 204 205 199	#CCCDC7

#4D503B #61644E #767963 #8B8E79 #A0A391 #B6B8AB #CCCDC7

#4D503B - #8B8E79 - #CCCDC7

Códigos CSS

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

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