#ADAFA2 - #6C764B | 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 #ADAFA2 a #6C764B

#ADAFA2 #6C764B

Calcule el color entre dos colores, #ADAFA2 y #6C764B. 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)

#ADAFA2 - #6C764B | 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 #ADAFA2 como 0% y #6C764B como 100%.

0.0%	0.0% #ADAFA2	RGB 173 175 162	#ADAFA2
16.7%	16.7% #A2A593	RGB 162 165 147	#A2A593
33.3%	33.3% #979C85	RGB 151 156 133	#979C85
50.0%	50.0% #8C9276	RGB 140 146 118	#8C9276
66.7%	66.7% #818968	RGB 129 137 104	#818968
83.3%	83.3% #767F59	RGB 118 127 89	#767F59
100.0%	100.0% #6C764B	RGB 108 118 75	#6C764B

#ADAFA2 #A2A593 #979C85 #8C9276 #818968 #767F59 #6C764B

#ADAFA2 - #6C764B

Mezcla HSV

#ADAFA2 - #6C764B | 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 #ADAFA2 como 0% y #6C764B como 100%.

0.0%	0.0% #ADAFA2	RGB 173 175 162	#ADAFA2
16.7%	16.7% #A2A591	RGB 162 165 145	#A2A591
33.3%	33.3% #979C81	RGB 151 156 129	#979C81
50.0%	50.0% #8C9272	RGB 140 146 114	#8C9272
66.7%	66.7% #818964	RGB 129 137 100	#818964
83.3%	83.3% #767F57	RGB 118 127 87	#767F57
100.0%	100.0% #6C764B	RGB 108 118 75	#6C764B

#ADAFA2 #A2A591 #979C81 #8C9272 #818964 #767F57 #6C764B

#ADAFA2 - #8C9272 - #6C764B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADAFA2 0%, #8C9272 50%, #6C764B 100%);
    background: -webkit-linear-gradient(top, #ADAFA2 0%, #8C9272 50%, #6C764B 100%);
    background: linear-gradient(to bottom, #ADAFA2 0%, #8C9272 50%, #6C764B 100%);
}
</style>