#504E3C - #CDCCC7 | 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 #504E3C a #CDCCC7

#504E3C #CDCCC7

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

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

0.0%	0.0% #504E3C	RGB 80 78 60	#504E3C
16.7%	16.7% #646353	RGB 100 99 83	#646353
33.3%	33.3% #79786A	RGB 121 120 106	#79786A
50.0%	50.0% #8E8D81	RGB 142 141 129	#8E8D81
66.7%	66.7% #A3A298	RGB 163 162 152	#A3A298
83.3%	83.3% #B8B7AF	RGB 184 183 175	#B8B7AF
100.0%	100.0% #CDCCC7	RGB 205 204 199	#CDCCC7

#504E3C #646353 #79786A #8E8D81 #A3A298 #B8B7AF #CDCCC7

#504E3C - #CDCCC7

Mezcla HSV

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

0.0%	0.0% #504E3C	RGB 80 78 60	#504E3C
16.7%	16.7% #64624F	RGB 100 98 79	#64624F
33.3%	33.3% #797764	RGB 121 119 100	#797764
50.0%	50.0% #8E8B7A	RGB 142 139 122	#8E8B7A
66.7%	66.7% #A3A092	RGB 163 160 146	#A3A092
83.3%	83.3% #B8B6AC	RGB 184 182 172	#B8B6AC
100.0%	100.0% #CDCCC7	RGB 205 204 199	#CDCCC7

#504E3C #64624F #797764 #8E8B7A #A3A092 #B8B6AC #CDCCC7

#504E3C - #8E8B7A - #CDCCC7

Códigos CSS

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

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