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

#514E3C #CDCCC7

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

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

0.0%	0.0% #514E3C	RGB 81 78 60	#514E3C
16.7%	16.7% #656353	RGB 101 99 83	#656353
33.3%	33.3% #7A786A	RGB 122 120 106	#7A786A
50.0%	50.0% #8F8D81	RGB 143 141 129	#8F8D81
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

#514E3C #656353 #7A786A #8F8D81 #A3A298 #B8B7AF #CDCCC7

#514E3C - #CDCCC7

Mezcla HSV

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

0.0%	0.0% #514E3C	RGB 81 78 60	#514E3C
16.7%	16.7% #65624F	RGB 101 98 79	#65624F
33.3%	33.3% #7A7663	RGB 122 118 99	#7A7663
50.0%	50.0% #8F8B7A	RGB 143 139 122	#8F8B7A
66.7%	66.7% #A3A092	RGB 163 160 146	#A3A092
83.3%	83.3% #B8B6AB	RGB 184 182 171	#B8B6AB
100.0%	100.0% #CDCCC7	RGB 205 204 199	#CDCCC7

#514E3C #65624F #7A7663 #8F8B7A #A3A092 #B8B6AB #CDCCC7

#514E3C - #8F8B7A - #CDCCC7

Códigos CSS

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

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