#504B10 - #CDCBBA | 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 #504B10 a #CDCBBA

#504B10 #CDCBBA

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

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

0.0%	0.0% #504B10	RGB 80 75 16	#504B10
16.7%	16.7% #64602C	RGB 100 96 44	#64602C
33.3%	33.3% #797548	RGB 121 117 72	#797548
50.0%	50.0% #8E8B65	RGB 142 139 101	#8E8B65
66.7%	66.7% #A3A081	RGB 163 160 129	#A3A081
83.3%	83.3% #B8B59D	RGB 184 181 157	#B8B59D
100.0%	100.0% #CDCBBA	RGB 205 203 186	#CDCBBA

#504B10 #64602C #797548 #8E8B65 #A3A081 #B8B59D #CDCBBA

#504B10 - #CDCBBA

Mezcla HSV

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

0.0%	0.0% #504B0F	RGB 80 75 15	#504B0F
16.7%	16.7% #645F20	RGB 100 95 32	#645F20
33.3%	33.3% #797335	RGB 121 115 53	#797335
50.0%	50.0% #8E884E	RGB 142 136 78	#8E884E
66.7%	66.7% #A39E6D	RGB 163 158 109	#A39E6D
83.3%	83.3% #B8B491	RGB 184 180 145	#B8B491
100.0%	100.0% #CDCBBA	RGB 205 203 186	#CDCBBA

#504B0F #645F20 #797335 #8E884E #A39E6D #B8B491 #CDCBBA

#504B10 - #8E884E - #CDCBBA

Códigos CSS

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

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