#6A8C8C - #B5C595 | 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 #6A8C8C a #B5C595

#6A8C8C #B5C595

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

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

0.0%	0.0% #6A8C8C	RGB 106 140 140	#6A8C8C
16.7%	16.7% #76958D	RGB 118 149 141	#76958D
33.3%	33.3% #839F8F	RGB 131 159 143	#839F8F
50.0%	50.0% #8FA890	RGB 143 168 144	#8FA890
66.7%	66.7% #9CB292	RGB 156 178 146	#9CB292
83.3%	83.3% #A8BB93	RGB 168 187 147	#A8BB93
100.0%	100.0% #B5C595	RGB 181 197 149	#B5C595

#6A8C8C #76958D #839F8F #8FA890 #9CB292 #A8BB93 #B5C595

#6A8C8C - #B5C595

Mezcla HSV

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

0.0%	0.0% #6A8C8C	RGB 106 140 140	#6A8C8C
16.7%	16.7% #71958B	RGB 113 149 139	#71958B
33.3%	33.3% #789F89	RGB 120 159 137	#789F89
50.0%	50.0% #7FA886	RGB 127 168 134	#7FA886
66.7%	66.7% #8BB286	RGB 139 178 134	#8BB286
83.3%	83.3% #9FBB8D	RGB 159 187 141	#9FBB8D
100.0%	100.0% #B5C595	RGB 181 197 149	#B5C595

#6A8C8C #71958B #789F89 #7FA886 #8BB286 #9FBB8D #B5C595

#6A8C8C - #7FA886 - #B5C595

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A8C8C 0%, #7FA886 50%, #B5C595 100%);
    background: -webkit-linear-gradient(top, #6A8C8C 0%, #7FA886 50%, #B5C595 100%);
    background: linear-gradient(to bottom, #6A8C8C 0%, #7FA886 50%, #B5C595 100%);
}
</style>