#5D5E46 - #CCD26C | 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 #5D5E46 a #CCD26C

#5D5E46 #CCD26C

Calcule el color entre dos colores, #5D5E46 y #CCD26C. 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)

#5D5E46 - #CCD26C | 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 #5D5E46 como 0% y #CCD26C como 100%.

0.0%	0.0% #5D5E46	RGB 93 94 70	#5D5E46
16.7%	16.7% #6F714C	RGB 111 113 76	#6F714C
33.3%	33.3% #828452	RGB 130 132 82	#828452
50.0%	50.0% #949859	RGB 148 152 89	#949859
66.7%	66.7% #A7AB5F	RGB 167 171 95	#A7AB5F
83.3%	83.3% #B9BE65	RGB 185 190 101	#B9BE65
100.0%	100.0% #CCD26C	RGB 204 210 108	#CCD26C

#5D5E46 #6F714C #828452 #949859 #A7AB5F #B9BE65 #CCD26C

#5D5E46 - #CCD26C

Mezcla HSV

#5D5E46 - #CCD26C | 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 #5D5E46 como 0% y #CCD26C como 100%.

0.0%	0.0% #5D5E46	RGB 93 94 70	#5D5E46
16.7%	16.7% #6F7150	RGB 111 113 80	#6F7150
33.3%	33.3% #828458	RGB 130 132 88	#828458
50.0%	50.0% #95985F	RGB 149 152 95	#95985F
66.7%	66.7% #A7AB65	RGB 167 171 101	#A7AB65
83.3%	83.3% #B9BE69	RGB 185 190 105	#B9BE69
100.0%	100.0% #CCD26C	RGB 204 210 108	#CCD26C

#5D5E46 #6F7150 #828458 #95985F #A7AB65 #B9BE69 #CCD26C

#5D5E46 - #95985F - #CCD26C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E46 0%, #95985F 50%, #CCD26C 100%);
    background: -webkit-linear-gradient(top, #5D5E46 0%, #95985F 50%, #CCD26C 100%);
    background: linear-gradient(to bottom, #5D5E46 0%, #95985F 50%, #CCD26C 100%);
}
</style>