#A8AF9F - #5F7649 | 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 #A8AF9F a #5F7649

#A8AF9F #5F7649

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

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

0.0%	0.0% #A8AF9F	RGB 168 175 159	#A8AF9F
16.7%	16.7% #9BA590	RGB 155 165 144	#9BA590
33.3%	33.3% #8F9C82	RGB 143 156 130	#8F9C82
50.0%	50.0% #839274	RGB 131 146 116	#839274
66.7%	66.7% #778965	RGB 119 137 101	#778965
83.3%	83.3% #6B7F57	RGB 107 127 87	#6B7F57
100.0%	100.0% #5F7649	RGB 95 118 73	#5F7649

#A8AF9F #9BA590 #8F9C82 #839274 #778965 #6B7F57 #5F7649

#A8AF9F - #5F7649

Mezcla HSV

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

0.0%	0.0% #A8AF9F	RGB 168 175 159	#A8AF9F
16.7%	16.7% #9BA58E	RGB 155 165 142	#9BA58E
33.3%	33.3% #8E9C7E	RGB 142 156 126	#8E9C7E
50.0%	50.0% #82926F	RGB 130 146 111	#82926F
66.7%	66.7% #768961	RGB 118 137 97	#768961
83.3%	83.3% #6A7F55	RGB 106 127 85	#6A7F55
100.0%	100.0% #5F7649	RGB 95 118 73	#5F7649

#A8AF9F #9BA58E #8E9C7E #82926F #768961 #6A7F55 #5F7649

#A8AF9F - #82926F - #5F7649

Códigos CSS

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

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