#504D25 - #CDCCC0 | 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 #504D25 a #CDCCC0

#504D25 #CDCCC0

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

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

0.0%	0.0% #504D25	RGB 80 77 37	#504D25
16.7%	16.7% #64623E	RGB 100 98 62	#64623E
33.3%	33.3% #797758	RGB 121 119 88	#797758
50.0%	50.0% #8E8C72	RGB 142 140 114	#8E8C72
66.7%	66.7% #A3A18C	RGB 163 161 140	#A3A18C
83.3%	83.3% #B8B6A6	RGB 184 182 166	#B8B6A6
100.0%	100.0% #CDCCC0	RGB 205 204 192	#CDCCC0

#504D25 #64623E #797758 #8E8C72 #A3A18C #B8B6A6 #CDCCC0

#504D25 - #CDCCC0

Mezcla HSV

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

0.0%	0.0% #504D24	RGB 80 77 36	#504D24
16.7%	16.7% #646136	RGB 100 97 54	#646136
33.3%	33.3% #79764B	RGB 121 118 75	#79764B
50.0%	50.0% #8E8B63	RGB 142 139 99	#8E8B63
66.7%	66.7% #A3A07F	RGB 163 160 127	#A3A07F
83.3%	83.3% #B8B69D	RGB 184 182 157	#B8B69D
100.0%	100.0% #CDCCC0	RGB 205 204 192	#CDCCC0

#504D24 #646136 #79764B #8E8B63 #A3A07F #B8B69D #CDCCC0

#504D25 - #8E8B63 - #CDCCC0

Códigos CSS

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

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