#A2B7A8 - #3C7E53 | 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 #A2B7A8 a #3C7E53

#A2B7A8 #3C7E53

Calcule el color entre dos colores, #A2B7A8 y #3C7E53. 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)

#A2B7A8 - #3C7E53 | 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 #A2B7A8 como 0% y #3C7E53 como 100%.

0.0%	0.0% #A2B7A8	RGB 162 183 168	#A2B7A8
16.7%	16.7% #91AD99	RGB 145 173 153	#91AD99
33.3%	33.3% #80A48B	RGB 128 164 139	#80A48B
50.0%	50.0% #6F9A7D	RGB 111 154 125	#6F9A7D
66.7%	66.7% #5E916F	RGB 94 145 111	#5E916F
83.3%	83.3% #4D8761	RGB 77 135 97	#4D8761
100.0%	100.0% #3C7E53	RGB 60 126 83	#3C7E53

#A2B7A8 #91AD99 #80A48B #6F9A7D #5E916F #4D8761 #3C7E53

#A2B7A8 - #3C7E53

Mezcla HSV

#A2B7A8 - #3C7E53 | 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 #A2B7A8 como 0% y #3C7E53 como 100%.

0.0%	0.0% #A2B7A8	RGB 162 183 168	#A2B7A8
16.7%	16.7% #8DAD97	RGB 141 173 151	#8DAD97
33.3%	33.3% #7AA487	RGB 122 164 135	#7AA487
50.0%	50.0% #699A78	RGB 105 154 120	#699A78
66.7%	66.7% #58916B	RGB 88 145 107	#58916B
83.3%	83.3% #49875E	RGB 73 135 94	#49875E
100.0%	100.0% #3C7E53	RGB 60 126 83	#3C7E53

#A2B7A8 #8DAD97 #7AA487 #699A78 #58916B #49875E #3C7E53

#A2B7A8 - #699A78 - #3C7E53

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2B7A8 0%, #699A78 50%, #3C7E53 100%);
    background: -webkit-linear-gradient(top, #A2B7A8 0%, #699A78 50%, #3C7E53 100%);
    background: linear-gradient(to bottom, #A2B7A8 0%, #699A78 50%, #3C7E53 100%);
}
</style>