#5E6B6B - #A1AB7B | 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 #5E6B6B a #A1AB7B

#5E6B6B #A1AB7B

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

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

0.0%	0.0% #5E6B6B	RGB 94 107 107	#5E6B6B
16.7%	16.7% #69756D	RGB 105 117 109	#69756D
33.3%	33.3% #748070	RGB 116 128 112	#748070
50.0%	50.0% #7F8B73	RGB 127 139 115	#7F8B73
66.7%	66.7% #8A9575	RGB 138 149 117	#8A9575
83.3%	83.3% #95A078	RGB 149 160 120	#95A078
100.0%	100.0% #A1AB7B	RGB 161 171 123	#A1AB7B

#5E6B6B #69756D #748070 #7F8B73 #8A9575 #95A078 #A1AB7B

#5E6B6B - #A1AB7B

Mezcla HSV

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

0.0%	0.0% #5E6B6B	RGB 94 107 107	#5E6B6B
16.7%	16.7% #647570	RGB 100 117 112	#647570
33.3%	33.3% #698072	RGB 105 128 114	#698072
50.0%	50.0% #6F8B71	RGB 111 139 113	#6F8B71
66.7%	66.7% #7A9573	RGB 122 149 115	#7A9573
83.3%	83.3% #8BA077	RGB 139 160 119	#8BA077
100.0%	100.0% #A1AB7B	RGB 161 171 123	#A1AB7B

#5E6B6B #647570 #698072 #6F8B71 #7A9573 #8BA077 #A1AB7B

#5E6B6B - #6F8B71 - #A1AB7B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6B6B 0%, #6F8B71 50%, #A1AB7B 100%);
    background: -webkit-linear-gradient(top, #5E6B6B 0%, #6F8B71 50%, #A1AB7B 100%);
    background: linear-gradient(to bottom, #5E6B6B 0%, #6F8B71 50%, #A1AB7B 100%);
}
</style>