#50443C - #CDC9C7 | 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 #50443C a #CDC9C7

#50443C #CDC9C7

Calcule el color entre dos colores, #50443C y #CDC9C7. 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)

#50443C - #CDC9C7 | 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 #50443C como 0% y #CDC9C7 como 100%.

0.0%	0.0% #50443C	RGB 80 68 60	#50443C
16.7%	16.7% #645A53	RGB 100 90 83	#645A53
33.3%	33.3% #79706A	RGB 121 112 106	#79706A
50.0%	50.0% #8E8681	RGB 142 134 129	#8E8681
66.7%	66.7% #A39C98	RGB 163 156 152	#A39C98
83.3%	83.3% #B8B2AF	RGB 184 178 175	#B8B2AF
100.0%	100.0% #CDC9C7	RGB 205 201 199	#CDC9C7

#50443C #645A53 #79706A #8E8681 #A39C98 #B8B2AF #CDC9C7

#50443C - #CDC9C7

Mezcla HSV

#50443C - #CDC9C7 | 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 #50443C como 0% y #CDC9C7 como 100%.

0.0%	0.0% #50443C	RGB 80 68 60	#50443C
16.7%	16.7% #64574F	RGB 100 87 79	#64574F
33.3%	33.3% #796C64	RGB 121 108 100	#796C64
50.0%	50.0% #8E817A	RGB 142 129 122	#8E817A
66.7%	66.7% #A39892	RGB 163 152 146	#A39892
83.3%	83.3% #B8B0AC	RGB 184 176 172	#B8B0AC
100.0%	100.0% #CDC9C7	RGB 205 201 199	#CDC9C7

#50443C #64574F #796C64 #8E817A #A39892 #B8B0AC #CDC9C7

#50443C - #8E817A - #CDC9C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50443C 0%, #8E817A 50%, #CDC9C7 100%);
    background: -webkit-linear-gradient(top, #50443C 0%, #8E817A 50%, #CDC9C7 100%);
    background: linear-gradient(to bottom, #50443C 0%, #8E817A 50%, #CDC9C7 100%);
}
</style>