#504D31 - #CDCCC4 | 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 #504D31 a #CDCCC4

#504D31 #CDCCC4

Calcule el color entre dos colores, #504D31 y #CDCCC4. 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)

#504D31 - #CDCCC4 | 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 #504D31 como 0% y #CDCCC4 como 100%.

0.0%	0.0% #504D31	RGB 80 77 49	#504D31
16.7%	16.7% #646249	RGB 100 98 73	#646249
33.3%	33.3% #797762	RGB 121 119 98	#797762
50.0%	50.0% #8E8C7A	RGB 142 140 122	#8E8C7A
66.7%	66.7% #A3A193	RGB 163 161 147	#A3A193
83.3%	83.3% #B8B6AB	RGB 184 182 171	#B8B6AB
100.0%	100.0% #CDCCC4	RGB 205 204 196	#CDCCC4

#504D31 #646249 #797762 #8E8C7A #A3A193 #B8B6AB #CDCCC4

#504D31 - #CDCCC4

Mezcla HSV

#504D31 - #CDCCC4 | 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 #504D31 como 0% y #CDCCC4 como 100%.

0.0%	0.0% #504D31	RGB 80 77 49	#504D31
16.7%	16.7% #646143	RGB 100 97 67	#646143
33.3%	33.3% #797658	RGB 121 118 88	#797658
50.0%	50.0% #8E8B6F	RGB 142 139 111	#8E8B6F
66.7%	66.7% #A3A089	RGB 163 160 137	#A3A089
83.3%	83.3% #B8B6A5	RGB 184 182 165	#B8B6A5
100.0%	100.0% #CDCCC4	RGB 205 204 196	#CDCCC4

#504D31 #646143 #797658 #8E8B6F #A3A089 #B8B6A5 #CDCCC4

#504D31 - #8E8B6F - #CDCCC4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #504D31 0%, #8E8B6F 50%, #CDCCC4 100%);
    background: -webkit-linear-gradient(top, #504D31 0%, #8E8B6F 50%, #CDCCC4 100%);
    background: linear-gradient(to bottom, #504D31 0%, #8E8B6F 50%, #CDCCC4 100%);
}
</style>