#565553 - #CDA078 | 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 #565553 a #CDA078

#565553 #CDA078

Calcule el color entre dos colores, #565553 y #CDA078. 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)

#565553 - #CDA078 | 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 #565553 como 0% y #CDA078 como 100%.

0.0%	0.0% #565553	RGB 86 85 83	#565553
16.7%	16.7% #696159	RGB 105 97 89	#696159
33.3%	33.3% #7D6E5F	RGB 125 110 95	#7D6E5F
50.0%	50.0% #917A65	RGB 145 122 101	#917A65
66.7%	66.7% #A5876B	RGB 165 135 107	#A5876B
83.3%	83.3% #B99371	RGB 185 147 113	#B99371
100.0%	100.0% #CDA078	RGB 205 160 120	#CDA078

#565553 #696159 #7D6E5F #917A65 #A5876B #B99371 #CDA078

#565553 - #CDA078

Mezcla HSV

#565553 - #CDA078 | 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 #565553 como 0% y #CDA078 como 100%.

0.0%	0.0% #565553	RGB 86 85 83	#565553
16.7%	16.7% #69665F	RGB 105 102 95	#69665F
33.3%	33.3% #7D7569	RGB 125 117 105	#7D7569
50.0%	50.0% #918370	RGB 145 131 112	#918370
66.7%	66.7% #A58F75	RGB 165 143 117	#A58F75
83.3%	83.3% #B99878	RGB 185 152 120	#B99878
100.0%	100.0% #CDA078	RGB 205 160 120	#CDA078

#565553 #69665F #7D7569 #918370 #A58F75 #B99878 #CDA078

#565553 - #918370 - #CDA078

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #565553 0%, #918370 50%, #CDA078 100%);
    background: -webkit-linear-gradient(top, #565553 0%, #918370 50%, #CDA078 100%);
    background: linear-gradient(to bottom, #565553 0%, #918370 50%, #CDA078 100%);
}
</style>